3

我在 ASP.NET 4.0 C#下有一个Web 窗体应用程序。好吧，我开始考虑应用页面路由来掩盖我的内部资源组织，所以我在这个问题中提出并接受了答案。

一点背景

我的问题是，在应用路由时，所考虑的页面将被正确路由，这意味着我通过不同的路径（逻辑而不是物理）到达页面，但是图像、样式和外部资源没有正确呈现（根本没有）。

但让我们更详细一点。我在文件中为我的页面添加了一些基本路由，如下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&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它找到的东西并确定资源的确切位置。但由于这是一个逻辑地址，它失败了。我想很多人都使用路由，他们如何解决这个问题？也在谈论最佳实践？

谢谢

4

1 回答 1

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" />
于 2012-10-22T08:55:46.047 回答