WebStorm 无法 link 来自其他目录的图像
WebStorm can't link images from other directory
我试过在 WebStorm 中使用 Express，其中我有一个示例 html 文件，内容为
<h2>About</h2>
<img src="/public/img/download.jpg" alt="picture">
这似乎不起作用，文件夹目录是这样的
有谁知道为什么图片无法正常加载？
图片未加载是什么意思？是关于在 IDE 中还是在浏览器中解析的路径？
public 被标记为 Resource root，因此路径是相对于它解析的。要让 IDE 解析像 "/public/img/download.jpg" 这样的路径，您需要将 public 的父文件夹标记为 Resource root.
如果您在浏览器中加载图像时遇到问题，则可能是所用网络服务器的问题。 URL 中的前导斜杠告诉浏览器从 Web 服务器根目录解析 URL。如果服务器可以像 <server address>/public/img/download.jpg 一样处理 URL ，图像将被加载，否则将抛出 404 错误
我试过在 WebStorm 中使用 Express，其中我有一个示例 html 文件，内容为
<h2>About</h2>
<img src="/public/img/download.jpg" alt="picture">
这似乎不起作用，文件夹目录是这样的
有谁知道为什么图片无法正常加载？
图片未加载是什么意思？是关于在 IDE 中还是在浏览器中解析的路径？
public 被标记为 Resource root，因此路径是相对于它解析的。要让 IDE 解析像 "/public/img/download.jpg" 这样的路径，您需要将 public 的父文件夹标记为 Resource root.
如果您在浏览器中加载图像时遇到问题，则可能是所用网络服务器的问题。 URL 中的前导斜杠告诉浏览器从 Web 服务器根目录解析 URL。如果服务器可以像 <server address>/public/img/download.jpg 一样处理 URL ，图像将被加载，否则将抛出 404 错误