javascript - 如何使用 Express 的静态中间件正确加载图像？

Question

我有点陌生，在我的服务器中:

app.use(express.static(path.join(__dirname, 'includes')));

在我的客户端 javascript 中，我只是提供了 url:

var img = $("<img />").attr('src', 'http://localhost:3000/includes/images/img.png');
$(".logo-container").append(img);

但仍然得到 404

Answer 1

引用来自 express.static documentation 的示例,

Serve static content for the app from the public directory in the application directory:

// GET /style.css etc
app.use(express.static(__dirname + '/public'));

如示例所示，

1. 当您挂载static 中间件时没有任何显式路径，它将被挂载在根目录下

2. 您传递给 express.static 的目录是服务器中的位置，而不是 URL 的一部分。

所以，你应该像这样在没有/includes的情况下访问图像

var img = $("<img />").attr('src', 'http://localhost:3000/images/img.png');
$(".logo-container").append(img);

或者如果你想用includes访问它，你需要改变注册，像这样

app.use('/includes', express.static(path.join(__dirname, 'includes')));