路由二级目录的时候,前台css显示异常
路由index.js文件: router.get(’/u/:user’, function(req, res) { … }) 访问http://localhost:3000/u/xiaof会出现显示异常
去掉一级目录后: router.get(’/:user’, function(req, res) { … }) 再访问http://localhost:3000/xiaof,就没有问题了。
我新建了一个路由文件u.js,在里面加入 router.get(’/:user’, function(req, res) { … }) app.js里加入 var u = require(’./routes/u’); app.use(’/’, u); 依然是出现css显示异常,我查看这三种方式,页面源代码都是一样的,就是不知道为什么只有第二种会显示正常。
2 回复
看到这么久没人回复,我就知道肯定是我自己的问题。 原来是我自己的layout.ejs文件里的css应用没有写成绝对路径,写成了相对路径,所有有些外部的css没有加载到。。。汗 一个问题搞了好长时间,以后要记住,模板里的路径全写成绝对的,根目录是public!
表示node还没入门,这个问题我也刚犯过,据说绝对路径的性能要比相对路径好一些