使用Swig模板引擎浏览html目录？

Question

我在一个目录中有2个不同的目录。 第一是views包含诸如所有痛饮意见newpost.html 。 另一个是temp_images ，其中包含butterfly.png 。

在newpost.html中，

<div id="image">{{post.image}}</div> <!-- this prints `butterfly.png`-->
<img src="../temp_images/{{post.image}}"></img> <!-- shows broken img link-->

Swig打印文本，但不会显示蝴蝶。 我不知道为什么，我仔细检查了HTML。 我也试过

<img src="../temp_images/butterfly.png"></img>

而且那也不起作用。 我使用Swig的方式可能有问题吗？ 我也在使用Node，Express，Mongo。

Answer 1

如果使用的是express，则应该将/temp_images目录放在public或任何设置为可提供静态文件的目录中。 例如，在您的app.js中，您应该在某处有这样一行：

app.use(express.static(path.join(__dirname, 'public'), { maxAge: 60*60*1000 }));

您可以在ConnectJS网站上找到有关.static更多信息，因为Express是从Connect获得的。 Connect.static doc 。 maxAge向浏览器提供了缓存指令，在这种情况下，该文件可以保存一个小时。

您的views目录通常只能通过模板引擎访问，并且不会（不应）直接公开进行静态下载。

还要注意，图像的URL是相对于浏览器中显示的URL解释的，而不是相对于服务器上呈现的文件的解释的（尽管它们可以是完全并行的结构）。 我只是提到它-您可以查看浏览器开发人员工具的网络部分，以查看其对图像进行的确切GET请求。