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

Question

我有一个 express.js 应用程序，当前使用 ejs（将翡翠用于较新的项目），我正在尝试以干净和适当的方式解决问题。

我有一个 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">并且显然无法在那里抓取图像。

快递中是否有设置，或者我缺少什么明显的东西？我希望我不必使用绝对 url，这只会让在本地机器上开发变得疯狂。

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）。

来自Adob​​e。

Answer 2

您可能会考虑它，但您可以使用“../images/link(n?)edin.png”。但是，我建议使用绝对路径，因为图像应该存储在 /public 中（在一般的翡翠设置中），并且您的路径深度可能会因您的路由规则而异。

作为提示，如果您丢失了图像的相对路径，请右键单击损坏的图像并在 Web 浏览器的属性中查看 URL。它会给你一个图像在哪里的提示。