node.js - 如何在express.js中引用布局图像以便可以从嵌套目录中找到它们?

标签 node.js express pug ejs

我有一个express.js应用程序当前使用ejs(在较新的项目中使用jade),并且我正在尝试以干净且适当的方式解决问题。

我有一个layout.ejs 文件,其中包含页眉和页脚。到目前为止,我的网站大部分都是一层深的 http://innovationbound.com/about或/services 或/amy 等等......

我开始在 http://innovationbound.com/courses/course-name 创建在线类(class)我遇到的问题是这些类(class)页面无法以相同的方式引用图像。 <img src="images/linknedin.png" alt="LinkedIn Icon">例如。

从类(class)名称页面尝试 <img src="courses/images/LinkedIn.png" alt="LinkedIn Icon">显然无法抓取那里的图像。

是否有快速设置,或者我缺少什么明显的东西?我希望我不必使用绝对网址,这只会让本地计算机上的开发变得疯狂。

最佳答案

只需使用站点根目录相对路径。例如<img src="/images/linknedin.png" alt="LinkedIn Icon"> 。请注意/有所作为。

There are three types of link paths:

来自Adobe .

关于node.js - 如何在express.js中引用布局图像以便可以从嵌套目录中找到它们?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14736981/

相关文章:

javascript - 通过 URL 将大型 Xml 文件转换为 JSON

node.js - 如何在 typescript 中获得与express的Post方法相同的数据类型

node.js - 如何在 Jest 中测试来自 Express 的响应数据

node.js - Mongodb 只获取符合条件的子文档

css - 为什么使用neat生成媒体查询时输出错误

node.js jade - 如何在 jade 中设置内容类型

javascript - nodejs xhr POST

javascript - NodeJS SetImmediate 和回调函数

node.js - 带有 Compass 的默认 Express 应用程序提供 ENOENT

node.js - Express js 为明显存在的 .js 文件生成 404