前端请求环境配置

环境配置
创建一个setting.js

// 默认开发环境配置项
let Settings = {
	  // API网关访问地址
	  API: '//baidu.com/m.api'
};

// 测试环境配置项
	if (typeof window !== 'undefined' && location.hostname.indexOf('.test.baidu.com') !== -1) {
  Settings = Object.assign(Settings, {
      API: '//test.baidu.com/m.api'
  });
} else if (typeof window !== 'undefined' && location.hostname.indexOf('.dev.baidu.com') !== -1) {
    Settings = Object.assign(Settings, {
        API: '//dev.baidu.com/m.api'
    });
}

module.exports = (typeof window !== 'undefined' && window.Settings) || Settings;

在封装公共请求的地方请求的文件中引入此文件,url:Setting.api + url;
这样就可以做到多个环境请求接口的区分。

最牛逼的方式是写一个node_modules包,发布到npm中(这种方式需要自己又特定的私服,不然发布到公网上不合适),然后使用npm命令执行对应的命令,指定特定的环境变量,通过newPlugin这个方式读取EVN这个变量去判断去拉那个对应的node_modules,此处给予一个

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值