vue项目中，webpack打包生产环境和测试环境host变量区别开

Question

vue项目中测试环境和生产环境往往URL前面有一段是不同的，现在是在main.js中定义了

Vue.prototype.host = 'http://test.xyz/voronezh';
Vue.prototype.host = 'http://dbtest.xyz/voronezh';

这两个变量，当然 不止这两个，还有一些页面的跳转路径也分测试和生产环境，

location.href = 'http://172.20.11.27/Login.aspx?RequestUrl=http:((db.xyz(';
location.href = 'http://172.20.11.27/Login.aspx?RequestUrl=http:((dbtest.xyz('

这样导致每次run dev 和 run build 的时候都要手动去切换。容易出错。
请问在webpack里面可以配置这样的变量，让在两个情况下分别使用不同的环境。谢谢

Answer 1

https://github.com/chenyinkai...

const host = process.env.NODE_ENV === 'development' ? 'dev api host' : 'prod api host' // 根据 process.env.NODE_ENV 的值判断当前是什么环境

Answer 2

为什么使用process.env.NODE_ENV这个呢？
因为process.env.NODE_ENV是node服务中的默认的全局变量，通过他可以自由选择测试环境与开发环境