图标未与模板结果一起呈现 | 404 错误

Question

我正在尝试呈现与搜索匹配的图标，但是当我搜索一个值时出现 http://localhost:3000/static 的 404 错误

目前，我的相关文件夹结构如下： Base directory > Public > Icons 和 Base directory > index.js 。

在我的 index.js 快速服务器文件中，我使用 app.use("/static", express.static("public/icons")); 允许服务器访问图标，但是在我的前端我收到 404 错误，因为加载资源失败：服务器响应如前所述，状态为 404（未找到）

在我的 ejs 模板中，我试图通过使用来呈现这些图标

<img alt="" src="/static/ <%= country.icons %>" /> <%= country.name %> 

关于如何解决这个问题并渲染我的图标有什么想法吗？

Answer 1

这里可能会发生多种情况：

1. 验证您在模板中收到了有效的country.icons。
2. /static/ 和 <%= country.icons %> 之间有一个空格。这肯定会导致问题。
3. 您还需要将您拥有的图像或图标的文件扩展名放在public/icons 文件夹中。例如，如果您有 png 图像，则需要将其更改为：

<img alt="" src="/static/<%= country.icons %>.png" />

如果您通过添加从前端发送的请求的图像（即通过开发人员工具中的“网络”选项卡）来提供更多上下文，将会更有帮助。