时间戳

首页 > 解决方案 > 图标不与模板结果一起呈现 | 404错误

javascript - 图标不与模板结果一起呈现 | 404错误

问题描述

我正在尝试呈现与搜索匹配的图标，但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 %>

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

标签： javascriptexpress

解决方案

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

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

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

推荐阅读