Question

我有一些javascript在MVC项目中引用/jobs/GetIndex。当我在本地运行它时，这很有用，因为我有一个名为Controller的{{1}}。当我部署它时，我将应用程序部署到＆＃39; Jobs＆＃39;子文件夹，这意味着网址应该变为JobsController，但它会转到http://site/jobs/jobs/GetIndex，我认为是因为javascript不知道＆＃39;根网址＆＃39;是，并使用该网站作为根。如何让它在两种环境中都能正常工作？

Answer 1

如果您只是关心获取网站的根/网址，以便您可以附加该网址以获取您所使用的其他网址，则可以使用/作为网址的第一个字符。

var urlToJobIndex2= "/jobs/GetIndex";

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

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

如果您想获取特定操作方法的网址，可以使用Url.Action或Url.RouteUrl辅助方法。

因此，在您的剃刀视图（布局文件或特定的视图 w）中，您可以这样做。

<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";

Here是一个详细的答案，但在特定的页面/视图中使用它

Angular Js

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

Answer 2

将<base href="/jobs">添加到您的头标记中。它将指定根。

这里将进一步解释https://docs.angularjs.org/guide/ $ location

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

2 个答案: