Vue devServer代理没有帮助，我仍然得到CORS错误

Question

devServer: {
    proxy: {
      "/api": {
        ws: true,
        changeOrigin: true,
        target: "http://localhost:8080"
      }
    }
  }

CORS策略阻止从来源“http://localhost:3000”访问位于“http://localhost:8080/api”的XMLHttpRequest：请求的资源上没有“access-control-allog-origin”标头。

你知道吗？

Answer 1

看起来问题出在axios配置上。

我有这样的定义:axios.defaults.baseurl=“http://localhost:8080/api”；我将其更改为axios.defaults.baseurl=“api”；

而且管用。

module.exports = {
    ...
    devServer: {
        proxy: {
          "^/api": {
          target: url,
          ws: true,
          changeOrigin: true
        }
     }
  },
}