Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/297.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Express.js-图像仅在一个页面上呈现_Javascript_Html_Image_Express_Pug - Fatal编程技术网

Javascript Express.js-图像仅在一个页面上呈现

Javascript Express.js-图像仅在一个页面上呈现,javascript,html,image,express,pug,Javascript,Html,Image,Express,Pug,我正在尝试使用Pug和Express使图像出现在多个页面上。 但是我遇到了一些麻烦 图像应呈现在路由“/”、“数据”、“更新”页面上。它在根“/”上成功渲染,但随后将从源文件夹中消失 在app.js中,我有一个关于所有路由处理程序的中间件: app.use(express.static(path.join(__dirname, '/public'))); 在公用文件夹中,我还有文件styles.css,它在其他页面上呈现良好 我把它固定了下来 img(src="/image.jpg")

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

图像应呈现在路由“/”、“数据”、“更新”页面上。它在根“/”上成功渲染,但随后将从源文件夹中消失

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

app.use(express.static(path.join(__dirname, '/public')));
在公用文件夹中,我还有文件styles.css,它在其他页面上呈现良好

我把它固定了下来

  img(src="/image.jpg") 
而不是

   img(src="image.jpg)

有人知道为什么吗?

让我们想象一下,您的页面上有以下url(加载图像或其他内容):


它将相对于页面根目录(
http://example.com
),因此它将始终有效。

模板中的相对URL?把它们变成静态的。
  <img src="image.jpg" />
  <img src="/image.jpg" />