html - 绝对路径的 Aptana Studio 3 预览问题

Question

我的元素有这样的结构:

Root Directory
|-css folder
  |-style.css
|
|-it folder
  |-index.html

如果我尝试包含 css 文件:

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

从 index.html、aptana 预览和内部服务器都找不到 style.css。为什么是这样？在我的远程服务器上它运行良好，我不想使用相对路径。

Answer 1

就“原因”而言，您遇到的问题与开发服务器与生产服务器的设置方式有关。

假设采用标准设置，您的生产服务器将收到对域的请求(即 http://mysite.com )，由于缺少更好的词，映射到服务器上的文件夹(即对 http://mysite.com 的请求)将映射到您服务器上的文件夹/var/www/mysite)。

因此，当您使用/css/style.css 链接到样式表时，您的(生产)服务器会立即转到/var/www/mysite 文件夹并开始查找 css 文件夹、文件等。正如您所指出的，这没有问题。

然而，您的开发机器在本地提供页面，并且具有不同的目录结构来映射到文件和文件夹。

当我在我的 Aptana 元素中打开一个 HTML 页面并点击预览按钮时，Studio 加载 http://127.0.0.1:8020/mysite/public/404.html (注意 IP 和端口之后的第一个文件夹是 mysite)。要加载绝对路径的 CSS 文件，本地服务器实际上是在寻找 http://127.0.0.1:8020/css/styles.css但它需要到达 http://127.0.0.1:8020/mysite/css/styles.css .

链接 (/css/styles.css) 中的初始“/”告诉服务器转到服务器的根目录并从该点开始查找文件夹和文件...但是没有 css本地服务器根目录中的文件夹。它位于/mysite/css/styles.css 中，这就是为什么 fskreuz 建议使用相对路径并改为使用“../css/styles.css”。

就我个人而言，我更喜欢绝对链接(但这只是个人偏好，并非以任何方式挑战或评论 fskreuz 的回应)。但是，我的本地开发设置有利于使用它们，因为我为我工作的站点设置了虚拟主机。使用 Apache，我为我的每个元素设置了一个虚拟主机。有了这个，我可以加载类似 http://dev.mysite.com 的东西在我计算机上的任何浏览器中，并以使其反射(reflect)我的生产设置的方式测试我的网站/应用程序。