环境变量

.env.development 的内容如下:

NODE_ENV = development
VUE_APP_NODE_ENV = development

.env.qa 的内容如下:

NODE_ENV = production
VUE_APP_NODE_ENV = qa
outputDir = 'dist/qa'

.env.production 的内容如下:

NODE_ENV = production
VUE_APP_NODE_ENV = production
outputDir = 'dist/production'

NODE_ENV 是环境变量,VUE_APP_NODE_ENV 是该环境下的模式名称,在项目里使用模式一定要加上 VUE_APP_ 前缀,然后在项目里就可以通过 process.env.VUE_APP_NODE_ENV获取到当前模式了。

环境变量可以帮助我们在开发时期和正式上线时期使用根据环境不同使用不同的变量,比如在开发时期后端一般会提供测试接口,这时候我们就可以在开发时期根据环境变量使用测试接口,等到了正式上线了打包了使用的就是线上的接口了,当然要提前写好接口配置文件,然后在package.json里配置命令,如下图所示:

 

 

在命令后面加上 --mode 模式值 就能指定模式打包了


作者:_鹅不食草_
链接:https://juejin.im/post/6844903969756545032
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

posted @ 2020-11-13 15:39  前端王者(法师)  阅读(200)  评论(0编辑  收藏  举报