首先我们在根目录新建3个文件,分别为.env.development,.env.production,.env.test
注意文件是只有后缀的。
.env.development 模式用于serve,开发环境,就是开始环境的时候会引用这个文件里面的配置
.env.production 模式用于build,线上环境。
.env.test 测试环境
开发环境:
// .env.development
NODE_ENV = 'development'
VUE_APP_BASE_API = '请求地址'
线上环境:
// .env.priduction
NODE_ENV = 'production'
VUE_APP_BASE_API = '请求地址'
测试环境:
// .env.test
NODE_ENV = 'test'
VUE_APP_BASE_API = '请求地址'
当需要用到该变量是可以用process.env.VUE_APP_BASE_API进行取值
例如:定义 package.json 启动不同环境指令
"scripts": {
"serve": "vue-cli-service --mode development",
"serve:prod": "vue-cli-service serve --mode production",
"serve:test": "vue-cli-service serve --mode test",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},