我们在开发的时候 通常需要去操作三个服务器去确保我们开发的质量,开发环境为一个服务器。测试一个服务器,上线时又需要一个服务器。 多环境变量问题就是为了解决这个问题的。
1.首先我们需要在package.json文件中的script设置三个属性
"scripts": {
"serve": "vue-cli-service serve", // 开发环境
"build": "vue-cli-service build", // 生产环境
"test": "vue-cli-service build --mode testing" // 测试环境
},
前两者一般都是默认的 我们只需要添加一个TEXT即可
这样我们就可以通过不同的启动方式去启动我们不懂的服务器了
2.需要我们在根目录中创建三个本地配置文件
- .env.development // 开发环境
- .env.production // 生产环境
- env.testing // 测试环境
接这在三个文件中写入
NODE_ENV = “development” ----------- 开发环境配置
NODE_ENV = “production” ---------------生产环境配置
NODE_ENV = “testing” -------------------- 测试环境配置
3.我们需要在根目录中手动创建一个config文件,里面专门用来保护我们的环境变量
我们需要创建三个响应的环境配置的JS
再从中导出BASEURL
列:
module.exports = { baseUrl:"http://www.development.com&