vue-cli3解决跨域遇到的问题

Question

开发环境，项目是部署在 服务器上 实时编译的
服务器的 ip 和 port 见下图。
需要代理的 地址是 http://test.api.abc/

在项目中 定义了 base.js 并引入 统一管理了接口，但是部分接口中有/api字段

请问这样的配置应该怎么解决跨域问题？ 谢谢

Answer 1

proxy: {

  '/tree': {
    target: 'http://test.api.abc'
  }

}

axios.get('/tree/v1/getlist').then()

Answer 2

设置代理后，axios请求不需要把域名带上，只需要把路径前面加上 /api 即可。

axios.get('/api/tree/v1/getlist')

由于设置了 pathRewrite，所以请求时会把 /api 替换成 ''，最终的请求路径为 http://test.api.abc/tree/v1/getlist。