例如:
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指定测试环境变量},}
