HTML - 一致的文件路径

Question

当我在本地打开一个 .html 文件时，我指的是这样的文件：

'images/background.jpg'

但是当我将文件放在我的网站上时，现在我需要将其称为：

'/images/background.jpg'

我有什么办法可以写出它在这两种情况下都是正确的吗？

Answer 1

当您在本地计算机上开发网站时，您应该尝试尽可能多地复制服务器环境。在您的机器上运行本地 Web 服务器。通过file://“协议”测试网页是个坏主意。 Chrome 甚至不允许您以这种方式加载脚本和内容。

mongoose 是一个您可以使用的小而简单的网络服务器。

这是构建 URL 的最佳方式，这意味着它们是相对于您的域的根目录的。 images文件夹位于根文件夹中：

'/images/background.jpg'

通过在本地计算机上使用 mongoose 或类似名称，它的工作方式与在服务器上的方式相同。

您当然可以在您的计算机上安装完整的 WAMP/LAMP/XAMP 堆栈，但mongoose 是一个简单的替代方案。如果您在您的站点上使用PHP，您还可以通过-S 开关使用php 命令中可用的开发服务器。