node.js - 将nodejs与车把(.hbs)一起使用时不显示图像
问题描述
我试图在这里寻找答案,但到目前为止没有任何效果,关于车把的话题不多。我在编码的第二年,正在努力让图像显示在我的节点应用程序上。
我在 app.js 上有这个,下面是我试图让图像显示在 .hbs 文件中的代码:
app.use(express.static('img/'));
<img src="bckground.jpg" alt="teeest" />
如果有人知道该怎么做,请提前感谢您。
解决方案
假设您在“ 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" />
请注意图像路径中的初始“/”。这意味着将从域的根文件夹计算路径。如果您在子文件夹中提供应用程序,则应考虑到这一点。
推荐阅读
- scala - 当您的方法在测试中返回 Future 时如何抛出异常?
- java - 如何将每个数据库表行传递给Java mysql中的相关jLabels
- python - 如何将输入放入 python df?
- selenium - 我无法将屏幕截图附加到范围报告。解决办法是什么?
- java - 如何在 Android Studio 中从 Firebase 中删除推送密钥数据
- python - 如何阻止 url 扩展在烧瓶中被重写为小写
- html - Mixins 存在检查在动态导入的 scss 中不起作用
- python - 形状与 OrdinalEncoder 中的手动类别不匹配
- freemarker - 在 Freemarker 中对值进行分组时需要帮助
- javascript - 使用类型时不显示Highmaps国家地图:“mappoint”