在不同的环境中更改URL？

Question

在环境中（本地，开发，测试，登台和生产）移动JavaScript时，更改与之通信的URL的最佳方法是什么？ 假设您有一个要与之通信的后端URL，它将在不同的环境中发生变化：

var request = new XMLHttpRequest();
request.open("POST", "/api/upload");

我想到也许使用grunt / gulp脚本来修改url，但是不确定这是否是最好/建议的方法。 我敢肯定，有些人会说不要更改URL结构，并且您不必担心它，但是不幸的是，URL现在有点混乱，直到我们重新构造这一切为止。 过去，我们在Visual Studio中使用了post build步骤来对CSS进行版本控制，但这是一个很棘手的解决方案。

Answer 1

它应该位于.config中，从.config中读取它，并通过隐藏的控件呈现到页面/视图，或者动态生成JavaScript变量并追加到页面/视图。 在将请求发布到api之前，JavaScript代码可以访问隐藏的控件或动态生成变量。

Answer 2

这就是您想要的https://msdn.microsoft.com/zh-cn/library/dd465326(v=vs.110).aspx 。 您将必须为每个环境添加配置文件（ https://msdn.microsoft.com/en-us/library/kwybya3w.aspx ），然后使用第一个链接中描述的转换来生成正确的配置文件，具体取决于在环境上。

然后，在您的代码中，您只需从配置文件中获取URL并将其设置为javascript变量即可。