如何对本地主机和远程服务器使用相对链接而不是绝对链接答案

【问题标题】：How to use relative link instead of absoloute for localhost and remote server如何对本地主机和远程服务器使用相对链接而不是绝对链接
【发布时间】：2013-03-29 18:18:13
【问题描述】：

我的 Apache Web 服务器根目录设置为“C:\webserver\webroot\AptanaProjects”

我希望能够在不输入绝对引用的情况下引用样式表，因为我使用 FTP 上传到网站。

The http://localhost/MovieDatabase/index.php file refers to http://localhost/MovieDatabase/styles/main.css

using:

<link rel="stylesheet" href="/styles/main.css" type="text/css">

这行不通，因为显然我没有包含路径的 MovieDatabase 部分。

我该如何解决这个问题以避免输入绝对路径？我不想将网络服务器根目录更改为 MovieDatabase，因为我有多个项目。

谢谢。

【问题讨论】：

标签： php html web absolute-path rel

【解决方案1】：

通过删除前导斜杠使用相对路径：

<link rel="stylesheet" href="styles/main.css" type="text/css">

【讨论】：

这是一个解决方案，但是没有一个可以升级 localhost 来满足我的需要吗？如果我想制作一个充满前导斜线的网站的本地副本怎么办？

【解决方案2】：

您的样式或脚本必须与您当前的文件相关。

如果您在任何路径前使用斜杠，将其作为本地文件访问将通知您的浏览器在根路径 (c:) 上查找文件。

在您的开发环境中，您可以为您的应用程序使用 Apache mod_alias（别名）。可以根据你的服务器路径配置使用。

【讨论】：

【解决方案3】：

你可以使用：

<link rel="stylesheet" href="./styles/main.css" type="text/css">

或

<link rel="stylesheet" href="/MovieDatabase/styles/main.css" type="text/css">

或查看 RichieHindle 的回答。

【讨论】：