Nuxt 3中静态文件夹图片无法显示问题求助

Nuxt3 有明确的静态资源规则：所有需要通过 URL 直接访问的静态文件，必须放在项目根目录的 public 文件夹下。

从你的目录结构来看，你把 images 目录直接放在了项目根目录，而非 public 目录里——这就是图片加载失败的核心原因。

修复步骤： #

• 在项目根目录创建 public 文件夹（如果还没创建的话）
• 将整个 images 目录移动到 public 文件夹内，最终文件路径为 public/images/index/pic-left.svg
• 之后使用以下代码引用图片即可正常显示：

<img src="/images/index/pic-left.svg" />

额外说明： #

• 带开头斜杠的 /xxx 写法是从 public 目录根开始定位资源，这是 Nuxt3 推荐的静态资源引用方式
• 不带斜杠的相对路径写法会跟随当前页面路由层级查找，容易出现路径混乱，不建议用于静态资源引用

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