使用车把时我的图像不显示

Question

下面是我的车把页面和我的文件结构的图像，我无法使用这些车把加载任何图像，不确定是什么原因造成的：

<div>
    <h1>HI</h1>
    <img src="images/normal.gif">
</div>

主要车把：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Form validation</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="/public/css/style.css">
</head>
<body>
    
        {{{body}}}
    
</body>
</html>

我得到的错误是：

localhost/:12          GET http://localhost:3000/images/normal.gif 404 (Not Found)

如果我使用完整路径，我会得到：

Not allowed to load local resource:

我不知道为什么这不起作用。我试过 /images/normal.gif。还尝试添加属于 people 文件夹的其他图像，但它只显示损坏的图像。

Answer 1

图像文件夹应该在 public 文件夹中，因为在 app.js 中静态使用 /public

Answer 2

将图像文件夹放在 public 文件夹中，并在 index.js 文件中注册它。

app.use("/images", express.static(path.join(__dirname, "/public/images")));

然后使用图片

<img src='images/normal.gif'>

使用车把时我的图像不显示

My image does not display when using handlebars

html

image

src

handlebars.js