如何在 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中文网其他相关文章！