配置 |接口环境
前言
- 开发上线的不同阶段,需要不同的配置;
- 不同的跨域方式,配置不同;
- 打包的时候统一注入环境参数,统一管理环境,输出不同的版本包
在没有使用接口代理的情况下,可以为每种环境配置请求的baseURL:
配置
package.json
"scripts": {
"serve": "vue-cli-service serve --mode=development",
"build": "vue-cli-service build --mode=production",
"test": "vue-cli-service serve --mode=test",
"lint": "vue-cli-service lint"
},
env.js
let baseURL;
switch(process.env.NODE_ENV){
case 'dev':
baseURL='开发环境的请求url'
break;
case 'test':
baseURL='测试环境的请求url'
break;
case 'prod':
baseURL='生产环境的请求url'
break;
default:
baseURL='默认请求url'
break;
}
main.js
import env from './env'
axios.defaults.baseURL= 'baseURL';