0

我是 JS/Handlebars 的新手,无法在 VS Code 中显示 home.hbs 文件中的图像。当我运行服务器时,我得到了这个:

错误 404

这是我的服务器代码:

const express = require('express');
const app = express();
const port = 3000;



app.set('views', 'views');
app.set('view engine', 'hbs');
app.use(express.static('public'));

app.get('/', function(req, res) {
    res.render('home', {});
});

app.listen(port);
console.log('server listening on port 3000');

我的“home.hbs”代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Handlebars at Work</title>
</head>
<body>
    <img src="/public/img/logo.png">
    <h1>Hello There, {{name}}</h1>
</body>
</html>

“GET”错误特别指出

无法获取 /public/img/logo.png

这就是我所拥有的所有信息,任何帮助将不胜感激。

4

1 回答 1

1

指定静态文件处理程序的路径前缀。改变:

app.use(express.static('public'));

app.use('/public', express.static('public'));

并另外验证您确实有一个名为public/img/logo.png.

于 2021-03-25T13:53:31.753 回答