我的Node Express项目有问题。我似乎无法将CSS加载到浏览器中。这是我的项目结构如何。
注意:视图中的AdminView文件夹是管理部分页面(cms),因此它在文件夹中包含自己的css,javascripts和图像。
public/
css/
images/
js/
routes/
index.js
users.js
views/
AdminView/
layouts/
layout.hbs
index.hbs
当我访问索引(.hbs)页面时,它会很好地加载CSS。我知道这很有效,因为:
我在app.js上指定了布局文件
app.engine('hbs', hbs({extname: 'hbs', defaultLayout: 'layout' , layoutsDir: __dirname + '/views/layouts'}));
我在layout.hbs文件中指定了css,js和images
我正在尝试从user.js路由访问此页面。
我的问题是,如何在AdminView文件夹中加载CSS文件?当我在页面上检查时,它告诉我它正在尝试从localhost加载CSS:8000 / 用户 /css/bootstrap.css。
如何使这条特定的路线从下面的文件夹中获取css,js和图像?
编辑:添加了一些路由文件,
index.js
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index' , {title: 'Test Title'});
});
module.exports = router;
user.js的
var express = require('express');
var router = express.Router();
router.get('/admin', function(req, res, next) {
//res.send('user details');
res.render('AdminView/index2', {title: 'Admin Page'});
});
module.exports = router;