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

Question

我正在使用@ vue / cli 3.x，并且在我的vue.config.js中，我有以下内容：

- job-template:
    name: base-params

    ######################
    # Default parameters #
    ######################

    job_params:

    #####################
    # Job configuration #
    #####################

    parameters: '{obj:job_params}'

- project:
    name: thing
    jobs:
      - base-params
    job_params:
      - string:
          name: foo
          default: FOO
          description: Foofoo
       - string:
           name: bar
           default: BAR
           description: Baaaa

但是我不断收到CORS错误：

  

从源访问“ http://localhost:8080/api”处的XMLHttpRequest   “ http://localhost:3000”已被CORS政策禁止：否   请求中存在“ Access-Control-Allow-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
        }
     }
  },
}