嘿伙计们我有一个非常奇怪的问题,就是当我走这条路线时http://localhost:5000/posts/edit/<%= idofblog%>所有的CSS样式和Js代码都没有加载,我有一个非常丑陋的网页,我不知道发生了什么,所有其他路线工作得很好。
所有CSS和Js文件夹都在公共文件夹
中app.use(express.static(path.join(__dirname,'public')));
这是我的整个文件结构 enter image description here
在_layout文件夹中,我有一个header.ejs文件,其中包含css的所有链接: - <link rel="stylesheet" type="text/css" href="../css/register.css">
每条路线都运转良好,但只要我走这条路线http://localhost:5000/posts/edit/&lt;%= idofblog%&gt;每个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等所有内容都存在,但没有样式,我不知道我做错了什么。
答案 0 :(得分:0)
我不确定但是我看到的,你的问题可能是你正在使用相对路径来加载你的样式和脚本。你应该使用absolute,所以例如加载css你需要这样做(确保根据你的项目结构使用路径):
<link rel="stylesheet" type="text/css" href="public/css/register.css">