vue配置开发、测试、生产环境(proxy中获取process.env.NODE_ENV)

先是看了这个文章写的如何npm run build 的时候自动配置地址

参考文章“vue配置开发、测试、生产环境(不同环境,不同命令)_Amy_cloud的博客-CSDN博客_vue生产环境和测试环境切换

后来我发现本地 npm start 的时候 跨域配置文件config/proxyConfig.js 中获取不到 process.env.BASE_API,页面调用的时候还是可以的,所以自己摸索了一个解决办法。

解决方案:

package.json中写入:

这样子,我就可以获取 process.env.NODE_ENV。

let config = require('./'+process.env.env_config+'.env');
console.log(config.BASE_API,'config.BASE_API');
console.log(config.BASE_API.substring(1,config.BASE_API.length-1),'config.BASE_API');

module.exports = {
  proxy: {
    '/aaa/bbb/ccc/':{
      target:config.HOST_URL.substring(1,config.HOST_URL.length-1),
      changeOrigin:true,
    },
    '/ddd/eee/fff': {
      target:config.CLOUD_URL.substring(1,config.CLOUD_URL.length-1),
      changeOrigin: true,  //是否跨域
      pathRewrite: {
        '^/ddd/eee/fff': '/ddd/eee/fff'
      }
    },
  }
}

使用的时候substring去掉地址中的引号

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值