javascript - Express.js - 图像仅在一页上呈现

Question

我正在尝试使用 Pug 和 Express 使图像出现在多个页面上。但我遇到了一些麻烦。

图像应在页面上的路线“/”、“数据”、“更新”上呈现。它在根“/”上成功呈现，但随后从 Sources 文件夹中消失。

在 app.js 中，我有一个关于所有路由处理程序的中间件:

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

在公共(public)文件夹中，我还有文件 styles.css，它在其他页面上呈现良好。

我通过放置修复了它

  img(src="/image.jpg") 

而不是

   img(src="image.jpg)

有人知道这是为什么吗？

Answer 1

假设您的页面上有以下网址(用于加载图像或其他内容):

  <img src="image.jpg" />

现在，如果该模板位于主页上，例如http://example.com/，它将指向http://example.com/image.jpg，它将命中快速静态路由，一切都很好。现在您访问http://example.com/something，并且由于我们相对的图像URL，它将指向http://example.com/something/image.jpg。并且该文件不存在。现在，如果您将图像更改为:

  <img src="/image.jpg" />

它将相对于页面root (http://example.com)，因此它将始终有效。