Web开发中如何有效管理根相对url

Question

我正在设计一个网络应用程序，其中我将在 http://www.site.com/resources/ 上获取资源 目录

在我的 HTML 上，我会通过绝对路径 /resources/ 引用该目录，但问题是，当我在 Web 服务器中测试该目录时，路径现在将是 http://localhost/webapp/resources/ 并使用绝对路径会查找 //localhost/resources/

我发现可以使用./来引用webapp相对根目录，并且它有效。但我不喜欢它的样子。

我还有哪些其他选择？

• 使用绝对路径并将应用程序放置在服务器的 ROOT 目录中
• 使用 PHP / JSP 变量来确定当前根目录
• 继续使用 ./
• 其他内容...

提前致谢！

Answer 1

为了重新表述您的问题，您的网站必须在两种不同的配置中工作：

• http://servername/mypage.htm 和
• http://servername/SubSite/mypage.htm

第二个配置可能代表一个测试站点（甚至可能是开发人员计算机上的本地主机）。

在任一部署上，图像、链接、样式表的所有路径都必须使用相对寻址。

因此，设置图像的 src="/resources/mypic.jpg" 将使 SubSite 示例（在 IIS 中称为虚拟目录或应用程序）上的测试失败，因为 / 会告诉它查看 http://servername /resources 而不是 http://servername/SubSite/resources 因此它不起作用。

---

我对我的开发团队的立场是始终使用文档相对路径。

因此，在位于网站树根部的 mypage.htm 的基本示例中（无论它位于文件系统或 Web 服务器的哪个位置），您可以设置图像的 src="./resources/mypic.jpg"

基本上，请记住，在 html 中，当您看到“./”时，它表示来自此页面。如果您需要进入一个目录（假设您在 ~/Reports/myreport.htm 下有另一个页面也需要显示该图像，您可以将该页面上的图像标记上的源设置为 src="../resources /mypic.jpg”，这意味着上升一级。

注意，我在那里做了一些偷偷摸摸的事情。在 ASP.NET 中，~/ 表示网站的根目录，无论它位于何处。我用它作为速记来反映的根尽管在 ASP.NET 中，任何服务器端控件实际上都可以使用前面带有 ~/ 的 URL，并且它会正确地将其解析为正确的路径

。研究这个问题的其他部分，如果您使用文档相对路径来指向图像等，那么该路径是相对于 CSS 文件的，这是一件好事，因为 CSS 文件很少改变相对于图像的位置。 CSS 文件叫什么。然而，文件确实会移动，这让我想到了

---

我到目前为止所解释的内容对于基本网页非常有用，并且使它们非常可移植。一旦您在不同的目录中有多个页面引用生成对 CSS、图像等的 HTML 引用的代码或控件，您也需要修复这些路径。

基本上，您需要修改这些 URL（通常在您编写的代码或控件内），以获得所需的正确 ./ 或 ../ 来获取您想要的资源。

在 ASP 中，您可以使用 VBscript 来使用 Server.MapPath("/resources/mypic.jpg") 来获取相对于站点根目录的正确 URL。

在 ASP.NET 中，您可以使用 Page.MapPath("~/resources/mypic.jpg") 来获取所需的正确 URL。

我还编写了函数来生成 .NET 中所需的正确 ./ 或 ../ 削减，如下所示：

public static string GetDotDotSlashesToRoot(string Path, bool IncludeTrailingSlash) {
        System.Text.StringBuilder result = new System.Text.StringBuilder();
        Path = Path.Replace("\\", "/");
        Path = Path.Replace("~", string.Empty);
        if (Path.Length > 0 && Path[0] == '/') Path = Path.Substring(1);
        string slashless = Path.Replace("/", "");
        for (int i = 0; i < Path.Length - slashless.Length; i++) {
            result.Append("../");
        }

        if (!IncludeTrailingSlash && result.Length > 0) result = result.Remove(result.Length - 1, 1);

        return result.ToString();
    }

您可以通过 converter.telerik.com 转换为 VB.net。我将我的母版页设置为使用该函数公开 javascript 全局变量 JSPATHTOSITEROOT，这样我也可以通过 JS 为我需要的任何路径添加前缀。

对于 PHP，我已经有一段时间没有接触过它了，所以我所能给出的只是我发布的其他代码的一些指针，以类似地解决这个问题：
https://www.php.net/manual/en/function。 dirname.php#91208

该链接展示了如何使 PHP 包含嵌套工作像 C/C++ 包含嵌套一样，但您也可以使用相同的技巧来修复 html 的路径。

我的最终总结是，如果有人向您提供一个项目，其中的图像和 CSS 路径全部以“/”开头，那么他们将无法通过测试。该代码不可移植。 21 世纪的优秀 Web 开发人员都知道，由于各种原因和适当的代码，站点可能会部署在服务器根目录或作为子站点。