例如:
https://dev.baidu.com 测试环境和开发环境域名
https://prod.baidu.com 生产环境域名
.env.develpoment
NODE_ENV = "development"
VUE_APP_FETCH_URL = "/api"
.env.production
NODE_ENV = "production"
VUE_APP_FETCH_URL = "https://prod.baidu.com"
.env.test
NODE_ENV = "test"
VUE_APP_FETCH_URL = "https://dev.baidu.com"
axios.js
axios.create({
baseURL:process.env.VUE_APP_FETCH_URL
})
vue.config.js
module.exports = {
devServer: {
proxy: {
"^/api": {
target: "https://dev.baidu.com",
ws: true,
changeOrigin: true,
pathRewrite: {
"^/api": ""
}
}
}
}
};
package.json
{
"scripts": {
"serve": "vue-cli-service serve --open", //默认使用development环境变量
"production": "vue-cli-service build", //默认使用production环境变量
"test": "vue-cli-service build --mode test" //通过--mode指定测试环境变量
},
}