如何在 MVC 專案中為 JavaScript 設定正確的應用程式根 URL？

如何為 JavaScript 設定應用程式根 URL

在 MVC 專案中，JavaScript 引用相對於應用程式根的 URL。將應用程式部署到子資料夾時這可能會導致問題。要解決此問題，有多種方法。

使用絕對 URL

對於應始終以應用程式根目錄開頭的 URL，請考慮使用絕對路徑。

<code class="javascript">var urlToJobIndex2 = "/jobs/GetIndex";</code>

利用 Url.Content Helper

在 Razor 視圖中使用 Url.Content helper 方法產生基本 URL 並將其儲存在 JavaScript 變數中。

<code class="csharp">@Url.Content("~")</code>

<code class="javascript">var myApp = myApp || {};
myApp.Urls = myApp.Urls || {};
myApp.Urls.baseUrl = '@Url.Content("~")';</code>

帶有Url 幫助程序的特定操作URL

如果引用特定操作方法，請使用Url.Action 或Url.RouteUrl 幫助程序方法。

<code class="csharp">@Url.Action("GetIndex", "Jobs")</code>

<code class="javascript">var myApp = myApp || {};
myApp.Urls = myApp.Urls || {};
myApp.Urls.jobIndexUrl = '@Url.Action("GetIndex", "Jobs")';</code>

結論

透過實作這些方法中的任何一種，可以將JavaScript 配置為在本地和部署環境中從應用程式根正確存取資源。

以上是如何在 MVC 專案中為 JavaScript 設定正確的應用程式根 URL？的詳細內容。更多資訊請關注PHP中文網其他相關文章！