如何在Node.js后端Mustache文件中引用React公共目录图片？

你的现有配置已经正确将client/public目录设置为静态资源目录，可直接通过绝对路径在Mustache模板中引用图片，具体操作如下：

• 直接使用根路径开头的图片地址
  在Mustache文件里，图片的src属性直接写/images/[图片文件名]即可，示例：

  <img src="/images/logo.png" alt="网站logo">
  <img src="/images/banner.jpg" alt="首页横幅">
  

• 验证配置逻辑
  你代码里的app.use(express.static("client/public", { maxAge: tenMinutes }))已经把client/public目录映射到网站根路径（/），该目录下的images文件夹会被解析为/images/路径，后端会自动匹配并返回对应的图片文件。

• 注意事项

  • 确认图片确实存在于client/public/images目录下，Linux/macOS环境需注意文件名大小写敏感
  • 若开启了缓存（maxAge配置），修改图片后可通过给URL加版本号（如/images/logo.png?v=1）强制浏览器刷新缓存
  • client/public的静态配置优先级高于client/build，同名路径资源会优先使用client/public下的文件，符合你的资源引用需求

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