如何在不同环境（开发、测试、生产等）打开不同URL

Question

就目前有个需求，听意思大概是有一个按钮，点击后在开发、测试、生产环境需要分别执行

// 开发
window.open(URL1)
// 测试
window.open(URL2)
// 生产
window.open(URL3)

之前在接口请求的时候确实也遇到过这个问题，后来是用 process.env 解决了。但是其实我对这个一知半解……遇到现在的新需求，我尝试性在 process.env 中添加新的属性。但是debugger的时候一看，浏览器识别不了 process ，显示的是 undefined 。
然后我就……没招了。
提问一下有什么办法能够解决这个问题

Answer 1

可以考虑使用Webpack分环境打包，在打包的时候就根据环境变量替换成了对应的URL地址。这里有一篇文章可以参考：https://www.cnblogs.com/tugen...