在不同的環境中更改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變量即可。