Node.js NodeJs：根据路由参数加载不同的CSS

我环顾了一下四周，但我甚至不确定我想要的是否可能

app.js

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

index.js

/* GET home page. */
router.get('/', function(req, res, next) {
    res.render('index', { 
        title: 'Test',
        headersheet: 'header',
        mainsheet: 'devTest',
        navbar: 'nav_bar',
        mainscript: 'devTest',
    });
});

然后，我的布局。杰德

doctype html
html
    head
        title= title
        link(rel='stylesheet', href='/stylesheets/global.css')
        link(rel='stylesheet', href='/stylesheets/#{headersheet}.css')
        link(rel='stylesheet', href='/stylesheets/#{mainsheet}.css')
        link(rel='stylesheet', href='/stylesheets/#{navbar}.css')
    body
        block content
        script(src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js')
        script(src='javascripts/#{mainscript}.js')

翡翠索引

extends layout

block content   
    include nav_bar.jade

    #page_header_fr

基本上我想要的是

{mainsheet}.css

变成

devTest.css

但是当页面加载时，我在控制台中看到的是一条消息，告诉我资源

未定义.css

无法找到。现在，我从中了解到，参数（headersheet、mainsheet、navbar等）没有正确传输。但是，页面的标题显示得很好

甚至可以这样做吗？

试试这个（将“”添加到主工作表、导航栏和主脚本）：

index.js

这应该行。

试试这个（将“”添加到主工作表、导航栏和主脚本）：

index.js

这应该行得通

router.get('/', function(req, res, next) {
    res.render('index', { 
        title: 'Test',
        headersheet: 'header',
        "mainsheet": 'devTest',
        "navbar": 'nav_bar',
        "mainscript": 'devTest',
    });
});