特快+路由+如何显示图像文件

Question

我正使用特快列车设置下列路线：

app.get('/Work10', function(req, res){ 

return res.render('Work10');

});

my /view/Work10.html文件如下所示：

<h6>this is what I am working towards</h6> 
<img src="../pics/tabletoworktowards.png">

我的文件目录看起来像这个-app.js -视图/Work10.html-pics/tabletoworktraards.png

当我浏览到这个页面(localhost:8080/Work10 10)时，我的tabletoworktowards.png图片没有显示在浏览器中。我该怎么解决这个问题？

注意:如果我打开Work10.html (通过双击它)，我可以在浏览器中看到图片。只是想弄清楚到底发生了什么。

Answer 1

您需要告诉express加载/pics文件夹中的文件。

您可以在主文件(app.js或server.js或其他任何文件)中进行高级别的操作。

通常，您所做的是拥有一个公共/图像，然后：

app.use(express.static(__dirname + '/public'));

在您的情况下，您可以这样做：

app.use(express.static(__dirname + '/pics'));