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('这样导致每次rundev和runbuild的时候都要手动去切换。容易出错。请问在webpack里面可以配置这样的变量，让在两个情况下分别使用不同的环境。谢谢

Answer 1

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