自定义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'
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值