【问题标题】:Aptana Studio 3 preview problems with absolute path绝对路径的 Aptana Studio 3 预览问题
【发布时间】:2012-01-29 23:28:14
【问题描述】:

我的项目有这样的结构:

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。 为什么是这样? 在我的远程服务器中,它运行良好,我不想使用相对路径。

【问题讨论】:

  • 我从 index.html 加载 css,但这是一个简化的结构,因为我在“it 文件夹”中有更多文件夹,并且在同一级别有更多文件夹

标签: html css aptana preview absolute-path


【解决方案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 的内容,并以一种反映我的生产设置的方式测试我的站点/应用程序。

【讨论】:

  • 感谢您的解释!有没有办法在不使用本地 Web 服务器的情况下在 aptana 设置中“修复它”?
  • @borkie 是对的,aptana 的设置修复会很棒。如果没有,那么虚拟主机的解决方案可以用XAMPP来实现吧?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-07-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-11-23
  • 1970-01-01
相关资源
最近更新 更多