图标不呈现与模板结果| 404错误

Question

我试图呈现与搜索匹配的图标，但当我搜索值

时，我得到http://localhost:3000/static

的404错误目前，我的相关文件夹结构如下:Base directory > Public > Icons和Base directory > index.js.

在我的index.js express服务器文件中，我使用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" />

如果您通过添加从前端发送的请求的图像(即通过开发人员工具中的Network选项卡)来提供更多上下文，则会更有帮助。