问题

Question

我在ASP.NET 4.0 C＃下有一个 Web窗体应用程序。好吧，我开始考虑应用页面路由以掩盖我的内部资源组织，所以我在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并正确路由页面。但有一个问题。浏览器不加载图像和样式。

我怀疑......

就像它试图从我提供的网址开始获取图片和样式链接，但是这是一个合乎逻辑的链接，它会失败！页面看起来与内容一致，内容就在那里，但是当谈到图像，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&amp;t=634608253861201595" style="border-width:0px;" /></a>
         <span>
            <span class="sitenav">Home page</span>
         </span><a id="WebSite_SiteMapPath_SkipLink"></a>
       </span>
    </div>
   ...

我认为浏览器会以某种方式尝试使用提供的地址，以便将其附加到找到的src内容中，并确定资源的确切位置。但这是一个逻辑地址，它失败了。我想很多人都使用路由，他们如何解决这个问题？谈论最佳实践？

三江源

Answer 1

看起来这是因为你的css / script包含了当前页面的相对链接，并且由于你的路由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路由导致页面资源无法加载

一点背景

问题

我怀疑......

1 个答案: