根据 URL 加载不同的 EJS

Question

如果 URL 包含“todos”，例如“.../todos/*”，他应该加载不同的 EJS 模板 (todos.ejs)。如果 URL 不包含 'todos'，则会加载正常的 index.ejs。

我尝试了类似下面的方法，但我认为app.get 的使用是错误的。

if (req.url.indexOf("todos") >= 0) {
    app.get('/todos/*', function(req, res) {
        res.render('todos', {
            title: 'todos page'
        });
    });
} else {
    app.get('/', function(req, res) {
        res.render('index', {
            title: 'index page'
        });
    });
}

Answer 1

应该是这样的。

app.get('*', function(req, res) {
    if (req.url.indexOf("todos") >= 0) {
        return res.render('todos', {
           title: 'todos page'
        });
    } 

    res.render('todos', {
        title: 'todos page'
    });
});

Answer 2

试试这个

app.get('*', (req, res) => {
  if (req.url.indexOf('todos') === -1) {
    return res.render('index', { title: 'index page'})
  } 
  else {
    return res.render('todos', { title: 'todos page' })
  }
})

Answer 3

您可以将regular expressions to match URL paths 与 Express 一起使用，所以：

// Match any URL with '/todos/' in the path:
app.get(/\/todos\//, function(req, res) {
  res.render('todos', { title: 'todos page' });
});

// Match the rest:
app.get('*', function(req, res) {
  res.render('index', { title: 'index page' });
});

如果你不关心 "todos" 周围的斜线，匹配变成这样：

app.get(/todos/, ...);

请注意，声明路由处理程序的顺序很重要：您希望首先声明最具体的匹配（“todos”），最后声明最不具体的（“其余”）。