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

我正在尝试渲染与搜索匹配的图标，但我在

http://localhost:3000/static

当我搜索值时

目前，我的相关文件夹结构如下：

Base directory>Public>图标

和

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 %> 

“/>

---

关于如何修复此问题并渲染图标，您有什么想法吗？

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

验证您是否在模板中收到有效的

国家/地区图标

您在

/static/

和

之间有一个空格。这肯定是造成问题的原因

您还需要将图像或图标的文件扩展名放在

public/icons

文件夹中。例如，如果您有png图像，则需要将其更改为：

.png”/>

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