接口环境设置(理解不太好,希望以后会慢慢理解)
一.总体思路:
- 开发上线的不同阶段,需要不同的配置(做一个项目,需要经历很多阶段,比如开发,测试,预发布,线上等等,不同阶段,调用的后台接口不同,需要不同的配置)
- 不同的跨域方式,配置不同
- 打包的时候统一注入环境参数,统一管理环境,输出不同的版本包
二.写代码:
1》在main.js中,如果使用的是代理跨域
axios.defaults.baseURL = '/api';即可
若在代理跨域的条件下,有不同的请求,直接修改vue.config 里面的target
2》若采取cors和jsonp跨域则需重新配置,根据ES6模块化,我们新建一个env.js文件,统一管理
在env.js中:
let baseURL;