首页 > 解决方案 > 将nodejs与车把(.hbs)一起使用时不显示图像

问题描述

我试图在这里寻找答案,但到目前为止没有任何效果,关于车把的话题不多。我在编码的第二年,正在努力让图像显示在我的节点应用程序上。

我在 app.js 上有这个,下面是我试图让图像显示在 .hbs 文件中的代码:

app.use(express.static('img/'));

 <img src="bckground.jpg" alt="teeest" /> 

如果有人知道该怎么做,请提前感谢您。

标签: node.jshandlebars.js

解决方案


假设您在“ http://localhost:3000 ”上为您的应用程序提供服务,并且您的网页是“ http://localhost:3000/index.html ”,您正在请求图像“bckground.jpg”,所以浏览器将尝试加载“ http://localhost:3000/bckground.jpg ”。这是错误的,因为您在“img”路径下提供静态图像文件夹,所以图像在“ http://localhost:3000/img/bckground.jpg ”中可用。

如果您的应用程序在域的“根”路径上提供服务,那么这应该适合您:

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

请注意图像路径中的初始“/”。这意味着将从域的根文件夹计算路径。如果您在子文件夹中提供应用程序,则应考虑到这一点。


推荐阅读