Ошибка пути 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

Кто-то pls hlp!

Answer 1

Вы должны использовать абсолютный путь

/css/main.css 

(обратите внимание) / указывая префикс для ссылки на ваши файлы CSS, чтобы гарантировать HREF не добавляется к маршрутов HREF