vue根据环境配置url

1、需求：项目需要saas化，多个客户配置到不同的服务器需要重新配置接口的域名，比较麻烦，所以要求根据当前域名来自动获取域名

2、思路：根据process.env.NODE_ENV属性判断环境，然后用window.location.hostname获取域名

3、实现：

vue中的process.env.NODE_ENV有以下值

// 开发环境
module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
})
// 测试环境
module.exports = merge(devEnv, {
  NODE_ENV: '"testing"',
})
// 生产环境
module.exports = {
  NODE_ENV: '"production"',
}

在vue组件中判断不是开发环境

if (process.env.NODE_ENV !== "development"){}

然后根据当前url配置接口url

   1. window.location.href （当前url）—— http://www.baidu.com:8080/test?id=123

　　2. window.location.protocol（协议）—— http:

　　3. window.location.host（域名 + 端口）—— www.baidu.com:8080
　　
　　4. window.location.hostname（域名）—— www.baidu.com

　　5. window.location.port（端口）—— 8080

　　6. window.location.pathname（路径）—— /test

　　7. window.location.search （请求的参数）—— ?id=123

　　8. window.location.origin（路径前面的url）——  http://www.baidu.com:8080