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

Question

我有一个当前使用ejs的express.js应用程序(使用jade用于新项目),我正试图以干净和适当的方式解决问题.

我有一个带有页眉和页脚的layout.ejs文件.到目前为止,我的大多数网站都是一层深层http://innovationbound.com/about或/ services或/ amy等等....

我开始在http://innovationbound.com/courses/course-name上创建在线课程,而我遇到的问题是这些课程页面不能以相同的方式引用图像.<img src="images/linknedin.png" alt="LinkedIn Icon">例如.

从它尝试的课程名称页面<img src="courses/images/LinkedIn.png" alt="LinkedIn Icon">,显然无法抓取那里的图像.

是否有明确的设置,或者我缺少的明显的设置？我希望我不必使用绝对的网址,这只会使本地机器的开发变得疯狂.

Answer 1

只需使用站点根目录相对路径.例如<img src="/images/linknedin.png" alt="LinkedIn Icon">.注意这/是有区别的.

链接路径有三种类型:

• 绝对路径(例如http://www.adobe.com/support/dreamweaver/contents.html).

• 文档相对路径(例如dreamweaver/contents.html).

• 站点根目录相对路径(例如/support/dreamweaver/contents.html).

来自Adobe.