首先我们需要在package.json
里的 scripts
配置 serve
test
build
,通过 --mode xxx
来执行不同环境!
"scripts": {
"serve": "vue-cli-service serve",
"test": "vue-cli-service build --mode testing",
"build": "vue-cli-service build"
},
然后在src外部新建三个文件夹
(1).env.development(开发环境)文件夹
代码如下:NODE_ENV='development'
VUE_APP_ENV='development'
(2).env.production(生产环境)文件夹
代码如下:NODE_ENV='production'
VUE_APP_ENV='production'
(3).env.staging(测试环境)
代码如下:NODE_ENV='staging'
VUE_APP_ENV='staing'
注意:以 VUE_APP_ 开头的变量,在代码中可以通过 process.env.VU