javascript - Nodejs/Express.js 路径问题

Question

我有这个 Express 应用程序，它利用路线和 hbs 进行思考。当我添加子路由(如 \risi\first)时，所有 css/html 文件的路径名都附加了路由名称 - risi

如何让他们访问这些文件？

app.js 中的相关代码:

var risi= require('./routes/risi');
app.use('/risi', risi);

Risi.js 路线:

var express = require('express');

var router = express.Router();

router.get('/', function(req, res, next) {
  res.render('risi', { title: 'RISI' });  //Works perfectly fine
});

router.get('/first', function(req, res, next) {
  res.render('risi', { title: 'RISI' }); //unable to access the CSS / JS from here
});

router.get('/second', function(req, res, next) {
  res.render('risi', { title: 'Joi' });
});

router.get('/third', function(req, res, next) {
  res.render('risi', { title: 'Log' });
});

router.get('/fourth', function(req, res, next) {
  res.render('risi', { title: 'Yo TO RISI!! <3' });
});

module.exports = router;

这是来自控制台的错误:

GET/risi/css/main.css 404 99.4567 ms -1166

上述 CSS 文件位于 /css/main.css

有人请帮忙!

Answer 1

您应该使用绝对路径

/css/main.css

(注意前面的 /)链接到您的 css 文件，以保证 href 不会附加到路由 href