未在Node Express应用程序中加载CSS

时间:2016-05-28 12:44:21

标签: javascript html css node.js express

我的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和图像?

enter image description here

编辑:添加了一些路由文件,

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;

0 个答案:

没有答案