直接点击静态css文件url(http://localhost:3000/css/style.css )响应正常,但未应用于ejs模板元素?
我是node.js的新手。 我正在使用ejs部分模板。我已经在这个问题上呆了好几天了,我在根目录中有public/css/style.css文件。 我从视图/contact.ejs和视图/home.ejs访问此文件的位置 Contact.ejs !-- 开始代码段:js hide:false控制台:true babel:false-->直接点击静态css文件url(http://localhost:3000/css/style.css )响应正常,但未应用于ejs模板元素?,css,node.js,express,path,ejs,Css,Node.js,Express,Path,Ejs,我是node.js的新手。 我正在使用ejs部分模板。我已经在这个问题上呆了好几天了,我在根目录中有public/css/style.css文件。 我从视图/contact.ejs和视图/home.ejs访问此文件的位置 Contact.ejs !-- 开始代码段:js hide:false控制台:true babel:false--> 联系我们! 在这里学习最好的代码技术。。。。 EJS文件模板 main.js var express=require('express'); var-ap
联系我们!
在这里学习最好的代码技术。。。。
EJS文件模板
main.js
var express=require('express');
var-app=express();
应用程序集(“查看引擎”、“ejs”);
//app.set('views','/views');//设置express可以找到的查看文件夹的路径
//默认情况下,express将检查js文件第一个根目录中的视图文件夹
应用程序使用(express.static('public'))
app.get('/profile/:id',(req,res)=>{
风险值数据={
年龄:23,,
职位:“软件开发人员”,
爱好:[“吃”、“钓鱼”、“玩游戏”]
}
console.log('hey');
res.render('profile',{name:req.params.id,data:data});
});
app.get('/home',(请求,res)=>{
res.render(“家”);
});
应用程序获取(“/”,(请求,请求)=>{
res.render(“家”);
});
app.get('/contact',(请求、回复)=>{
res.render(“接触”);
});
app.listen(3000);
//console.log(uu dirname+“”);
style.css
正文{
背景色:天蓝色;
文本对齐:居中;
}
h3{
字体大小:50px;
字体系列:Impact、Haettenschweiler、“Arial窄加粗”、无衬线;
颜色:白色;
}
氢{
颜色:白色;
}
睾丸{
颜色:红色;
}
这是我的文件结构
我想它的
。/public/css/style.css
@MatanSanbira已经尝试过了,但是没有working@Pete删除public意味着public构建在节点的可识别目录中??其次,我为标题添加了类dom元素,而不是像你建议的那样使用标题标记,但仍然不起作用。@Pete根据我的理解,这个app.use(express.static('public'))
line负责此响应http://localhost:3000/css/style.css
我们不需要提及public,因为express会自动为静态文件设置目录,但是在样式表只提到/css/style.css
的情况下,我不知道.ejs
文件是如何引用这种样式的sheet@Pete如果你觉得我是在打架,事实上是在试图纠正我的观念,只是在尝试后才来找你,因为你建议的解决方案不起作用,我向你道歉。