三种模式配置:
- 开发环境 .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 中统一配置。