Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js Vue devServer代理没有帮助,我仍然收到CORS错误_Vue.js_Webpack_Webpack Dev Server_Vue Cli 3 - Fatal编程技术网

Vue.js Vue devServer代理没有帮助,我仍然收到CORS错误

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

我正在使用@vue/cli 3.x,在我的vue.config.js中,我有以下内容:

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文件,但你给它起什么名字并不重要