如何让JS了解应用程序根目录？

Question

我有一些/jobs/GetIndex在MVC项目中引用的javascript .当我在本地运行它时,这很有效,因为我有一个Controller被调用的JobsController.当我部署它时,我将应用程序部署到'Jobs'子文件夹,这意味着URL应该成为http://site/jobs/jobs/GetIndex但它会发生http://site/jobs/GetIndex,我认为因为javascript不知道"根URL"是什么,并使用该网站作为根.如何让它在两种环境中都能正常工作？

Answer 1

如果您只是关心获取网站的根/基本网址,以便您可以附加该网址以获取您所关注的其他网址,则可以将其简单地/用作网址的第一个字符.

var urlToJobIndex2= "/jobs/GetIndex";

如果您不仅需要应用程序根目录,那么这是另一种方法(例如:特定网址(使用mvc辅助方法构建,如Url.RouteUrl等)

您可以Url.Content在剃刀视图中使用辅助方法生成应用程序库的URL,将其分配给javascript变量,并在其他js代码中使用它来构建其他URL. 这样做时务必确保使用javascript命名空间,以避免全局javascript变量可能出现的问题.

如果要获取特定操作方法的URL,可以使用Url.Action 或Url.RouteUrl辅助方法.

因此,在您的剃刀视图(布局文件或特定视图)中,您可以执行此操作.

<script>
    var myApp = myApp || {};  
    myApp.Urls = myApp.Urls || {};
    myApp.Urls.baseUrl = '@Url.Content("~")';
    myApp.Urls.jobIndexUrl= '@Url.Action("GetIndex","jobs")';
</script>
<script src="~/Scripts/PageSpecificExternalJsFile.js"></script>

在你的PageSpecificExternalJsFile.js文件中,你可以像读取它一样

var urlToJobIndex= myApp.Urls.jobIndexUrl;
// Or With the base url, you may safely add the remaining url route.
var urlToJobIndex2= myApp.Urls.baseUrl+"jobs/GetIndex";

这是关于相同的详细答案,但在特定页面/视图中使用它

角度Js

您可能需要在angular controller/services/directive中使用正确的相对URL.同样的方法也适用于您的角度代码.只需构建js命名空间对象并使用角度value提供程序将数据传递给角度控制器/ services /指令,如本文中的示例代码所详细说明.