vue-cli3 proxy跨域报错

Question

proxy: 'http://localhost:4000'这会告诉开发服务器将任何未知请求 (没有匹配到静态文件的请求) 代理到http://localhost:4000。

我对这句话的理解是任何请求都会转发到 http://localhost:4000 这个地址的请求。

// vue.config.js
devServer: {
    proxy: "http://localhost:3000/"
  },

// App.vue
axios.get("http://localhost:3000/test");

我认为成功了，但是上面的代码会报跨域失败的错
Access to XMLHttpRequest at 'http://localhost:3000/api/test' from origin 'http://192.168.0.7:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

然后我把vue.config.js改成下面的代码

proxy: {
      "/": {
        target: "http://localhost:3000/",
        changeOrigin: true
      }

实际上，在cli2的时候这段代码是可以跨域的。我觉得这两段代码是同一个意思，现在看完文档也不知道怎么改代码。

Answer 1

突然脑残了……应该写相对路径

Answer 2

不需要后端代码设置 header('Access-Control-Allow-Origin 吗