在 Pug 2.0.3 中使用本地图像答案

【问题标题】：Use a local image in Pug 2.0.3在 Pug 2.0.3 中使用本地图像
【发布时间】：2018-07-24 09:01:34
【问题描述】：

我有以下文件夹结构：

-project  
  -images  
    -logo.png  
  -views  
    -layout.pug

在 layout.pug 文件中，我试图引用在project/images/logo.png 找到的图像，但我使用相对路径的努力失败了。

img(src="project/images/logo.png" alt="Project Logo")
img(src="../images/logo.png" alt="Project Logo")
img(src="./images/logo.png" alt="Project Logo")
img(src="/images/logo.png" alt="Project Logo")

这是我使用 pug 的第一个项目，但我想我需要告诉 pug 以某种方式需要图像，我只是不知道如何。如何在 pug 模板中使用本地图像？是否需要任何其他软件来执行此操作？

【问题讨论】：

你的环境设置是什么？
我正在使用 Node 和 Express。
您需要确保您的图像正在由您的服务器提供服务。尝试浏览到图像的直接链接。有用吗？
所以我的服务器文件位于项目文件夹中 - 当我浏览到 localhost:8080/images/logo.png 时，我收到一条消息，指出“无法获取 /images/logo.png”这是一个那么路由问题呢？

标签： pug

【解决方案1】：

我忘记使用 express 提供静态内容。通过将图像文件夹放入我的公用文件夹并以快递方式提供公用文件夹，这解决了我的问题。在我添加的 app.js 文件中

express.use('public');

【讨论】：