快速路由问题

Question

我正在学习快递，而且我一直困在如何在页面之间进行导航：

我做了什么：
1。安装快递，并将常规html转换为jade格式。
2。在 app.js 中，我添加了以下代码：

app.get('/', function(req, res){
  res.render('views/index.jade', { title: 'index' });
});

app.get('/about', function(req, res){
  res.render('views/portfolio.jade', { title: 'about' });
});

1. 我存储在views文件夹和index.jade中的所有文件我添加了以下代码：

         a.selected(href='/views/index.jade') TIMELINE
         a(href='/views/portfolio.jade') PORTFOLIO
         a(href='/views/about_me.jade') ABOUT ME
         a(href='/views/store.jade') STORE
   

2. 当我点击“组合”按钮时，会出现以下错误：

Answer 1

您需要关联href route路径：

a.selected(href='/') TIMELINE
      a(href='/about') PORTFOLIO
      a(href='/about') ABOUT ME
      a(href='/store') STORE

Answer 2

您实际上正在创建路由，这使路由器能够向服务器询问特定路径上的数据。服务器根据该路径发送给浏览器的内容取决于程序员。

在您的情况下，您在内部配置/about路由以呈现文件views/portfolio.jade。

因此，您应该链接到您创建的实际路线，而不是像您一样链接到.jade文件：

  a.selected(href='/') TIMELINE
  a(href='/portfolio') PORTFOLIO
  a(href='/about') ABOUT ME
  a(href='/store') STORE

假设您有以下路线：

app.get('/', function(req, res){
  res.render('views/index.jade', { title: 'index' });
});

app.get('/about', function(req, res){
  res.render('views/about_me.jade', { title: 'about' });
});

app.get('/store', function(req, res){
  res.render('views/store.jade', { title: 'store' });
});

app.get('/portfolio', function(req, res){
  res.render('views/portfolio.jade', { title: 'portfolio' });
});