我有一些/jobs/GetIndex在 MVC 项目中引用的 javascript 。当我在本地运行它时，这很有效，因为我有一个Controller名为JobsController. 当我部署它时，我将应用程序部署到一个“Jobs”子文件夹，这意味着 URL 应该变成http://site/jobs/jobs/GetIndex但它会变成http://site/jobs/GetIndex，我猜是因为 javascript 不知道“根 URL”是什么，并使用该站点作为根。我怎样才能让它在两种环境中都能工作？
如何让 JS 知道应用程序根？
IT技术
javascript
asp.net-mvc-4
iis
2021-01-12 17:40:10
2个回答
如果您只是关心获取站点的根/基本 url，以便您可以附加它以获取您想要的其他 url，则您可以简单地将其/用作 url 的第一个字符。
var urlToJobIndex2= "/jobs/GetIndex";
如果您想要的不仅仅是应用程序根目录，这是另一种方法（例如：特定网址（使用 mvc 辅助方法等构建Url.RouteUrl）
您可以Url.Content在 razor 视图中使用helper 方法来生成应用程序库的 url，将其分配给一个 javascript 变量，并在其他 js 代码中使用它来构建其他 url。
这样做时一定要确保使用 javascript 命名空间，以避免全局 javascript 变量可能出现的问题。
如果您想获取特定操作方法的 url，您可以使用 theUrl.Action 或Url.RouteUrlhelper 方法。
因此，在您的剃刀视图（布局文件或特定视图）中，您可以执行此操作。
<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 控制器/服务/指令中使用正确的相对 url。同样的方法也适用于您的 angular 代码。只需构建 js 命名空间对象并使用 angularvalue提供程序将数据传递到您的 angular 控制器/服务/指令，如本文中详细解释的示例代码。
添加<base href="/jobs">到您的头部标签。它将指定根。
这在此处进一步解释https://docs.angularjs.org/guide/ $location