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

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

图片描述

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

图片描述

图片描述

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

阅读 3.1k
2 个回答

proxy: {

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

}

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题