繁体   English   中英

Node.js所有CSS和JS链接在特定路径下消失

[英]Node.js All CSS AND JS Links disappears at a certain route

大家好,我有一个非常奇怪的问题,那就是当我走路线http:// localhost:5000 / posts / edit / <%= idofblog%>时,所有CSS样式和Js代码均未加载,并且我有一个非常丑陋的网页,我不知道发生了什么,其他所有路由都工作正常。

所有CSS和Js文件夹都位于公用文件夹内

app.use(express.static(path.join(__dirname,'public')));

这是我的整个文件结构, 在此处输入图像描述

在_layout文件夹中,我有一个header.ejs文件,该文件具有指向CSS的所有链接,如下所示:- <link rel="stylesheet" type="text/css" href="../css/register.css">

每条路线都运行良好,但是一旦我转到该路线http:// localhost:5000 / posts / edit / <%= idofblog%>,所有CSS和JS代码都消失了,图像也消失了。 在posts.js路线内,我有这个

router.get('/edit/:id',(req,res)=>{
res.render('edit');

}); ejs文件中的href链接是这个

<a href="edit/<%=post._id%>" class="btn btn-info btn-rounded">Edit</a>

页面已加载,诸如输入字段,textarea之类的所有内容都存在,但是没有样式,我不知道我在做什么错。

我不确定,但是我看到的是,您的问题可能是您正在使用相对路径来加载样式和脚本。 您应该使用绝对值,例如,要加载css,您需要采用这种方式(请确保根据您的项目结构使用路径):

<link rel="stylesheet" type="text/css" href="public/css/register.css">

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM