baseURL与跨域

阅读 66

2022-04-29

三种模式配置:

  • 开发环境 .env.development
  • 测试环境 .env.production
  • 生产环境 .env.test

注意点:
vue.config.js里的devServer是针对本地开发环境对应的服务器而进行的配置,与生产环境无关。生产环境的配置由运维进行配置
so,devServer里的proxy也只针对本地开发环境而做的跨域配置

axios里的baseURL
如果 axios 的 baseURL 配置的是绝对路径,例如 ‘http://192.168.1.45:8085/’,axios 会直接发送请求而不经过 devServer.proxy
如果 axios 的 baseURL 设置为相对路径 ‘/api’,则可以正常使用 devserver.proxy 进行请求转发。也不会有跨域问题。

so, 前端代码中不应该出现后端服务器的域名、端口等信息,都应该在 proxy 中统一配置。

精彩评论(0)

0 0 举报