我在 ASP.NET 4.0 C# 下有一个 Web Forms 应用程序。好吧，我开始考虑应用页面路由以掩盖我的内部资源组织，所以我在 This Question 中询问并接受了答案。
一点背景
我的问题是，在应用路由时，所考虑的页面将被正确路由，这意味着我通过不同的路径(逻辑而非物理)到达页面，但图像、样式和外部资源未正确呈现(一点也不)。
但让我们更详细一点。我在 Global.asax 文件中为我的页面添加了一些基本路由，如下所示:
<%@ Application Language="C#" %>
<script runat="server">
void Application_Start(object sender, EventArgs e) {
// Registering routes
this.RegisterRoutes(System.Web.Routing.RouteTable.Routes);
}
void Application_End(object sender, EventArgs e) {
...
}
void Application_Error(object sender, EventArgs e) {
...
}
void Session_Start(object sender, EventArgs e) {
...
}
void Session_End(object sender, EventArgs e) {
...
}
void RegisterRoutes(System.Web.Routing.RouteCollection routes) {
// Handling blog posts
routes.MapPageRoute(
"BlogRoot",
"blog/posts",
"~/Blog.aspx");
routes.MapPageRoute(
"BlogPosts",
"blog/posts/{post-id}",
"~/BlogPost.aspx");
}
</script>
问题
好吧，在某个时刻，当我想尝试我的新路径时，我会执行以下操作。通常，要查看我的博客，我总是这样做:http://localhost/MyWebSite/Blog.aspx 并且我的博客文章都显示出来了。我又做了一次，没问题。然后我尝试输入:http://localhost/MyWebSite/blog/posts 页面被正确路由。但有一个问题。浏览器不加载图像和样式。
我怀疑...
这就像它试图从我提供的 url 开始获取图像和样式链接，但作为一个合乎逻辑的链接，它会失败!该页面与内容一起查看，内容就在那里，但是当涉及到图像、CSS 内容以及从页面本身外部某处链接的所有内容时，它们不会被浏览器加载。
我想检查我的 html，但这并不奇怪，即使我没有应用路由，它也很正常。因此，以下是我的页面的摘录，其中显示了一些图片链接和一些 CSS 包含内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>
This is my blog
</title>
<meta name="author" content="Me, myself and I" />
<meta name="keywords" content="blog, personal information, personal page" />
<meta name="description" content="Personal Blog" />
<meta name="language" content="en-us" />
<meta name="copyright" content="Me - Year" />
<link rel="shortcut icon" href="Images/FavIco.jpg" />
<link href="Styles/Style1.css" rel="stylesheet" type="text/css" />
<link href="Styles/Style2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.4.1-vsdoc.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<link href="Scripts/google-code-prettify/src/prettify.css" rel="stylesheet" type="text/css" />
<script src="Scripts/google-code-prettify/src/prettify.js" type="text/javascript"></script>
...
My web site is structured in this way, in the root folder I have all my web pages and there is also a folder called `Images` where, inside, there are all images. In the root folder I also have the folder `Styles` with all css stylesheet inside it. There is also a folder called `Scripts`.
以下是另一段摘录，展示了我的body的一部分:
<div class="main">
<div class="navbar">
<span id="WebSite_SiteMapPath"><a href="#WebSite_SiteMapPath_SkipLink"><img alt="Skip Navigation Links" height="0" width="0" src="/WebResource.axd?d=YSaZQjo4n2xp9k-WqUJlK9ILtJOv6g5YNS2VyAf4VpYsZPmq-FcXDtnA5jQ1uPO3rQgDza-fEJKO1qU_C8uSY-WJiCQ7055T8wpvl9SIRFc1&t=634608253861201595" style="border-width:0px;" /></a>
<span>
<span class="sitenav">Home page</span>
</span><a id="WebSite_SiteMapPath_SkipLink"></a>
</span>
</div>
...
我认为浏览器以某种方式尝试使用提供的地址，以便将其附加到它找到的 src 内容并确定资源的确切位置。但作为一个逻辑地址，它失败了。我想很多人都使用路由，他们是如何解决这个问题的？也谈论最佳实践？
谢谢
最佳答案
看起来是因为您的 css/脚本包含的是指向当前页面的相对链接，并且因为您的路由 URL 在 URL 中有一个额外的级别，所以他们的浏览器正在请求错误的 URL。最好的办法是让 ASP.NET 为您解决这个问题，所以不要这样做:
<link href="Scripts/google-code-prettify/src/prettify.css" rel="stylesheet" type="text/css" />
试试这个:
<link href="<%= Page.ResolveUrl("~/Scripts/google-code-prettify/src/prettify.css") %>" rel="stylesheet" type="text/css" />
关于ASP.NET 路由导致页面资源无法加载，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13000852/