Vue.js Vue devServer代理没有帮助,我仍然收到CORS错误
我正在使用@vue/cli 3.x,在我的vue.config.js中,我有以下内容:Vue.js Vue devServer代理没有帮助,我仍然收到CORS错误,vue.js,webpack,webpack-dev-server,vue-cli-3,Vue.js,Webpack,Webpack Dev Server,Vue Cli 3,我正在使用@vue/cli 3.x,在我的vue.config.js中,我有以下内容: devServer: { proxy: { "/api": { ws: true, changeOrigin: true, target: "http://localhost:8080" } } } 但我不断地发现CORS的错误: 从源代码访问“”处的XMLHttpRequest “”已被CORS策略阻止:否 “Ac
devServer: {
proxy: {
"/api": {
ws: true,
changeOrigin: true,
target: "http://localhost:8080"
}
}
}
但我不断地发现CORS的错误:
从源代码访问“”处的XMLHttpRequest
“”已被CORS策略阻止:否
“Access Control Allow Origin”标头出现在请求的服务器上
资源
有什么想法吗?看起来问题出在axios配置上 我有这样的定义:
axios.defaults.baseURL=”http://localhost:8080/api";代码>
我将其更改为axios.defaults.baseURL=“api”代码>
它是有效的
module.exports = {
...
devServer: {
proxy: {
"^/api": {
target: url,
ws: true,
changeOrigin: true
}
}
},
}
我不是CORS专家,但如果我猜的话,我会说您需要从服务器启用CORS,并将访问控制Allow Origin添加到您的请求头中。是你的服务器在抱怨,而不是你的Vue前端。@JamesWhiteley-这正是我定义代理的原因,所以我不需要在我的服务器上定义CORSserver@Tomer:你找到这个问题的解决方案了吗?@dotNET-实际上是:),显然我有一些Axios配置忽略了代理。我的开发服务器配置如下:devServer:{proxy:{“^/api”:{target:url,ws:true,changeOrigin:true}}},
在哪个文件中添加这个axios.defaults.baseURL=“api”
?我在主文件中导入了axios.config.js文件,但你给它起什么名字并不重要