前端 - 各位大佬，vue+axios用cdn引入，不用Vue CLI创建项目，就一个单独的 HTML 页面中，如何配置devServer的proxy代理跨域？有谁做过吗？

Question

vue+axios用cdn引入，不用Vue CLI创建项目，就一个单独的 HTML 页面中，如何配置devServer的proxy代理跨域？

Answer 1

1. 给浏览器添加配置,使其可跨域 https://blog.csdn.net/weixin_48594833/article/details/124345191
2. 使用http-server代理请求
   https://blog.csdn.net/strive_or_die/article/details/102647737

Answer 2

如果你使用的是 VSCode 的 Live Server 插件，你可以在设置里添加以下配置：

{    "liveServer.settings.proxy": {        "enable": true,  // 启用代理功能        "baseUri": "/api",  // 在你的前端代码中使用的 Url        "proxyUri": "http://example.com/api"  // 实际的 Url    }}

参考：https://github.com/ritwickdey/vscode-live-server/blob/HEAD/docs/settings.md

如果你使用的是命令行工具 live-server，你可以加入 --proxy=ROUTE:URL 参数设置代理，如 --proxy=/api:http://example.com/api，参考：https://github.com/tapio/live-server#usage-from-command-line。

Answer 3

可以设置浏览器的代理，也可以使用本地的nginx访问你的html文件，然后在nginx里配置代理