在node.js中投放.html文件时，如何在单独的目录中获取文件以在.html文件中使用？

Question

我有一个仅用于提供.html文件的node.js服务器，设置如下：

var http=require("http");
var express=require("express");
var path=require("path");

var port=process.env.port||5000;

var app=express();

//Serve ALL resource files statically
app.use(express.static(__dirname+"/publicResources"));
app.use(express.static(__dirname+"/private"));


app.get("/",function(req,res)
{
    res.sendFile(__dirname+"/publicResources/webpage.html");
});

console.log("We're up");

app.listen(port);

然后在webpage.html中，我想使用一个图像，该图像存储在私有目录中：
<img src="../private/puppy.jpg">

当我使用node运行它，并在chrome中查看它时，我收到标准错误消息： failed to load resource: the server responded with a status of 404 (Not Found) ，与http://localhost:5000/private/puppy.jpg 。

.html文件为什么不能源图像？ -我知道您需要使用node.js来提供静态文件，然后使用相对于写入该文件的.html文件的源路径，我都在做这两个工作。 这里可能出什么问题了？

Answer 1

express.static()直接在服务器根目录上提供其文件，没有任何路径前缀。

因此，您实际上正在提供/puppy.jpg 。

如果要在URL中使用private/提供服务，则需要在该路径中装入express.static() ：

app.use("private", express.static(__dirname+"/private"));

请参阅文档 。