自定义process.env.NODE_ENV的值

项目初始化的时候,通常默认会有两个版本,开发环境和生产环境,

开发环境下:NODE_ENV=development(默认)
生产环境下:NODE_ENV=production(默认)

生产环境下,给测试测的时候,要请求测试环境的API;等测试环境没啥问题的时候,发布到正式,这时候要请求的API是正式环境的。那么生产环境下可能需要两种情况的打包命令,开发环境也一样(每次手动去改api,这样也可以,但是很累啊)

那么,我们可以在package.json中给NODE_ENV添加新值

vue-cli3初始化的项目里,package.json中是这样的

"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"

如果实现刚才的需求,我们可以这样做:

"serve": "NODE_ENV='test' vue-cli-service serve", 
"serve:pro": "NODE_ENV='production' vue-cli-service serve",
"build": "NODE_ENV='test' vue-cli-service build",
"build:pro": "NODE_ENV='production' vue-cli-service build",
"lint": "vue-cli-service lint"

然后配置api的地方

if( process.env.NODE_ENV === 'test' ){
  apiUrl = '测试环境的url'
}else{
  apiUrl = '正式环境的url'
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在vue的项目开发中,往往代码要在本地开发环境、测试环境、预发环境、生产环境等各种环境下执行,各个环境所对应的ap...
    一个简书昵称阅读 3,070评论 1 1
  • (一).概述 在工作中,根据开发环境不同,设置不同的变量、参数、和引入依赖,使打包更加的自动化,一劳永逸 借助于 ...
    squidbrother阅读 13,649评论 0 5
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,449评论 4 31
  • 原文链接:http://www.jianshu.com/p/6b816c609669 前传 出于兴趣最近开始研究k...
    悬笔e绝阅读 7,360评论 1 11
  • 本文参考:2018 年了,你还是只会 npm install 吗?npm 官方文档package.json文件 -...
    双面小Q阅读 4,963评论 1 9

友情链接更多精彩内容