Astro项目public子文件夹本地无法解析，构建后正常求助

• 核对路径细节：

  • 检查大小写：Astro本地开发环境对文件名、文件夹名大小写敏感，比如Images和images会被识别为不同路径，确保引用路径和实际文件夹名完全一致。
  • 移除末尾多余斜杠：不要写成<img src=/images/foobar.jpg/>，正确写法是<img src=/images/foobar.jpg>，末尾多余斜杠可能导致路径解析异常。

• 重启开发服务器：
  新增public目录下的子文件夹后，Astro开发服务器可能未自动识别新目录。按下ctrl+c终止当前服务，重新运行npm run dev启动服务后再测试资源访问。

• 检查配置文件：
  打开项目根目录的astro.config.mjs，确认是否自定义了publicDir选项。如果配置了类似publicDir: './static'的内容，images文件夹需放在static目录下而非默认的public目录；若未修改该配置，保持文件夹在public下即可。

• 清空浏览器缓存：
  浏览器缓存可能留存旧的资源路径，按下ctrl+shift+delete清空缓存，或用无痕模式打开页面测试，避免缓存干扰。

• 确认引用路径格式：
  public目录下的资源必须用绝对路径引用，比如<img src=/images/foobar.jpg>，禁止使用相对路径（如./images/foobar.jpg或../images/foobar.jpg），否则本地开发时会出现解析错误。

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