HTML - 一致的文件路径

Question

当我在本地打开.html文件时，我会引用如下文件：

'images/background.jpg'

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

'/images/background.jpg'

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

Answer 1

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

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

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

'/images/background.jpg'

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

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