子目录中的javascript文件未加载

Question

我构建了一个使用 ExtJS 的简单 ASP MVC4 应用程序。

我的主视图有指向我的主employee.js 文件的链接:

<script src="app/employee.js" type="text/javascript"></script>

我正在将我的应用程序发布到本地网络中的服务器。在我的开发计算机上，当我访问 url http:\\local-iis\holidays 时，应用程序已正确加载并显示。
但在同一网络中的另外 3 台计算机上，我收到错误，因为浏览器找不到该 js 文件。

我的项目结构如下所示:

--holidays (project name)  +--app     +--myapp.js  +--Controllers  +--Models  +--(rest of ASP folders)

On my development machine when I access http:\\local-iis\holidays on chrome and I inspect source I see line:

<script src="app/employee.js" type="text/javascript"></script>

在我翻转该条目后

我看到正确的路径:

http:\\local-iis\holidays\app\employee.js  (I translated urlopy to holidays)

在其他计算机上同一页面的源目录名称被删除(假期)

我尝试清除缓存、安装其他浏览器、切换到其他计算机，但一切都失败了 - 在某些计算机上可以正常工作，而在某些计算机上却不能。

我不是要求具体的解决方案，而是要求开始的东西。

这是我在 MVC 4 中的第一个项目，我不知道应该如何配置我的应用程序以使这些 URL 正常工作。

我不知道为什么我的应用程序要删除该目录名称(它指的是我的本地 iis 服务器的根目录)

我在ExtJS论坛上询问，他们说这可能是IIS或ASP设置问题。

Answer 1

切勿在 ASP.NET MVC 应用程序中对 URL 进行硬编码:

<script src="app/myapp.js" type="text/javascript"></script>

只需使用助手:

<script src="~/app/myapp.js" type="text/javascript"></script>

~/app/myapp.js 将正确遍历 Url.Content 帮助程序，无论您的应用程序托管在何处，该帮助程序都会生成正确的 url。例如，如果您的应用程序本地托管在 IIS Express 中，它可能如下所示:

<script src="/app/myapp.js" type="text/javascript"></script>

当部署在 IIS 中的虚拟目录中时，它可能如下所示:

<script src="/holidays/app/myapp.js" type="text/javascript"></script>

helper 会处理的。

在 Razor v1.0 (ASP.NET MVC 3) 中，您必须显式使用帮助器:

<script src="@Url.Content("~/app/myapp.js")" type="text/javascript"></script>