在项目里面,我们一般都需要配置生产环境和测试环境来进行管理,仅供参考。
首先安装
npm install cross-env –save-dev
package.json配置
"scripts": {
"serve": "cross-env BUILD_ENV=dev vue-cli-service serve",
"build": "cross-env BUILD_ENV=prod vue-cli-service build"
},
vue.config.js配置
module.exports = {
chainWebpack: config => {
config.plugin('define')
.tap(args => {
args[0]['process.env'].BUILD_ENV = JSON.stringify(process.env.BUILD_ENV)
return args
})
}
}
环境文件
.env/dev.js
module.exports = {
BUILD_ENV: 'https://test.xxx.com'
}
.env/port.js
module.exports = {
BUILD_ENV: 'https://www.xxx.com'
}
最后在发起请求前获取当前执行环境的环境变量决定使用哪个文件的地址。
const config_env = require(`../env/${process.env.BUILD_ENV}.js`)
baseURL: config_env.BUILD_ENV,
timeout: 5000