如何解决从独立文件夹加载图片失败的问题？

• 先确认你的文件夹结构：

src/
├─ assets/
│  └─ 你的图片文件.jpg
└─ code/
   └─ 你的HTML文件.html

• 问题出在相对路径的写法：
  你之前可能直接写了assets/你的图片文件.jpg，这个路径是从code文件夹出发，找同级的assets文件夹，但你的assets是在src文件夹下（和code同级），所以这个路径找不到图片。

• 正确的路径写法：
  用../表示回到上一级目录（也就是src文件夹），然后再指向assets里的图片，完整示例代码：

  <p>Hello</p>
  <img src="../assets/你的图片文件.jpg" alt="图片描述">
  

• 验证方式：
  用Live Server打开HTML后，右键加载失败的图片选择「检查」，看控制台的网络请求有没有404错误，同时确认img标签的src属性是不是正确的../assets/xxx.jpg。

内容的提问来源于stack exchange，提问作者Karol