Asp MVC 3：动态解析视图中的相关资源

Question

我有一个 javascript 应用程序，它在视图 (index.cshtml) 中运行。

问题：
问题是所有相对路径都是相对于当前url，这在简单的html webapp中是可以的，但在asp mvc中不行。 js 应用程序不必关心它是在普通 html 文件中还是通过 asp mvc 页面提供。

即 http://www.domain.com///包含一个脚本 test.js。该脚本加载一个外部 xml 文件并进行相对搜索，即。 “数据/data.xml”。生成的 url 为 http://www.domain.com/< ;控制器>/<操作>/data/data.xml。这个没找到啊

问题：
有没有办法将静态文件（图像，...，甚至可能是 js 文件）路由到内容文件夹，例如“~/Content/controller/action//”？

任何帮助表示赞赏！

LG warappa

PS：我知道 Url.Content() 但这不适合这里。

Answer 1

该解决方案不需要映射 - 只需要标头中的一个简单的 html 标签：

<base href="@(Request.Url.GetComponents(UriComponents.SchemeAndServer, UriFormat.Unescaped) + 
    Url.Content("~/content/controller/action/"))" />

Lg
warappa

编辑
某些浏览器需要绝对 URL - 示例已更新。

Answer 2

您可以使用绝对 URL 地址来访问静态资源：

$('img').attr('src', '/Content/Pictures/picture1.png');

或者

<script src="/Scripts/script.js"></script>

这样，无论您是否在 /{Controller}/{Action} 中加载脚本，您都将始终获得相对于页面基地址的相同资源/{View}、{Area}/{Controller}/{Action}/{View}、自定义路由甚至静态脚本 html 页面中。

或者也许您正在寻找的是 css 文件的使用，因为 CSS 的 url('') 解析相对于 CSS 文件位置的地址。您只需要导入一个包含所有资源（图像？）文件路径的 CSS 文件。然后脚本可以引用不同的类名，因此根本不知道位置。这就是像 jQuery UI 这样的库所做的事情。但这同样需要相对于 CSS 文档的固定文件夹结构。