img的来源：“/图像/…”；vs"；图像/…”；在PHP网站中（VSCode和XAMPP）

我最近一直在用HTML和CSS起草一个网站，但由于该网站的范围比最初计划的要大，我也想使用PHP（例如，共享导航菜单）。在完成服务器设置（VSCode、phpw/Xdebug、XAMPP）后，我只需将

index.html

更改为

index.PHP

，然后预览页面

该网站是相同的，除了一些图像被破坏。我注意到那些有效的源代码是

images/…

，而那些被破坏的源代码是

/images/…

/images/和images/之间有区别吗

---

一些额外的信息可能会影响到这一点：当设置PHP时，它是新安装的XAMPP，并在VSCode中使用带有Xdebug扩展的PHP调试。调试和启动服务器预览我的网站时，我一直在获取XAMPP仪表板，即使我的网站源代码设置为

“webRoot”：“${workspaceFolder}”

。我能绕过这个问题的唯一方法是项目通过删除

webroot

并将其替换为

“url”：http://localhost:8080/WebsiteDirectory/“

是的

/images/是从页面根开始的绝对路径

images/与您所在的子文件夹相对

---

实际上，这是一个HTML问题，不是PHP。

谢谢。是的，但问题是如何在我的php服务器实现中定义root来进行测试，不是吗？无论vscode/php调试发生了什么有趣的事情，我都无法正确设置我的web根目录（它只是转到xampp dash）。“我的所有图像都将位于/images/（web目录的根目录）。`/images/==网站的根目录假定当前URL为

domain.test/path/page.php

，并且您可以使用这两种方式引用同一图像（例如

logo.png

）。在第一种情况下（绝对），它的实际URL是

domain.test/images/logo.png

，在第二种情况下，它是相对于当前URL的。。。所以它是

domain.test/path/images/logo.png