首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >header.ejs和footer.ejs无法正常工作

header.ejs和footer.ejs无法正常工作
EN

Stack Overflow用户
提问于 2018-10-05 02:40:26
回答 2查看 1.4K关注 0票数 1

日安!我正在做一个应用程序,里面有各种路线。我正在使用node.js。我已经创建了一个“部分”目录与header.ejs和footer.ejs文件,其中包含所有的页眉和页脚信息,如引导,自定义css等。现在,这个头文件工作良好,它也是正确的链接,我已经测试了它通过改变背景颜色,以完成红色,然后这种颜色适用于所有包含<% include header.ejs %>和<% include footer.ejs %>页面。在我的项目中,问题是bootstrap和其他自定义css只适用于根路由。例如,这是主目录(Project),该目录包含(Project/app.js、Project/package.json、Project/views、Project/public等)。项目/视图包含所有路由的ejs文件。例如,路线"/cars/toyota“的toyota.ejs文件、路线"/cars/honda”的honda.ejs文件等等。所有这些ejs文件都存储在Project/views文件夹中。在主目录中,与app.js一起,有一个名为"landing.ejs“的登录页,用于路由"/cars”。页眉和页脚对于呈现"landing.ejs“的路径"/cars”是完全有效的,但是当我转到不同的路径,比如"/cars/toyota",它将呈现视图文件夹中的"toyota.ejs“时,页眉和页脚停止工作,只有某些功能可以工作,比如启动按钮或某些自定义样式。我的意思是,header.ejs和footer.ejs只适用于根路径,即"/",而主要汽车路径为"/cars",显示所有汽车制造公司。只有当我尝试使用从"Project/views“文件夹呈现文件的路由时,才会出现问题。header.ejs和footer.ejs属性不会应用于嵌套文件夹中包含的文件,该文件夹称为“视图”。链接工作正常,因为我已经尝试更改了背景颜色。

EN

回答 2

Stack Overflow用户

发布于 2018-10-05 02:54:41

你能把你的代码贴到这里吗?

您可以尝试这样做:

代码语言:javascript
复制
<%- include('filepath/header.ejs') %>
票数 0
EN

Stack Overflow用户

发布于 2020-06-27 14:27:29

在你的header.ejs文件中,在href的css文件名前加上一个"/“。例如,替换:

代码语言:javascript
复制
<link rel="stylesheet" type="text/css" href="car.css">.

通过以下方式:

代码语言:javascript
复制
<link rel="stylesheet" type="text/css" href="/car.css">.
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52653250

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档