Express node.js – 理解路由

我有这about.js路线,它工作正常,但我不明白如何/router.get()会工作,而/about不会?

 var express = require('express'); var router = express.Router(); router.get('/', function(req, res, next) { res.render('about', { title: 'About' }); }); module.exports = router; 

—————– 更新 ———————-

这基本上是我安装了express.js之后,除了大概的线以外。

我期望router.get('/about' ...)可以工作,但是它抛出了一个错误,它和/一起工作,这就是我的错误。

app.js

 var express = require('express'); var path = require('path'); var favicon = require('serve-favicon'); var logger = require('morgan'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var routes = require('./routes/index'); var users = require('./routes/users'); var about = require('./routes/about'); var app = express(); // view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'ejs'); // uncomment after placing your favicon in /public //app.use(favicon(path.join(__dirname, 'public', 'favicon.ico'))); app.use(logger('dev')); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false })); app.use(cookieParser()); app.use(express.static(path.join(__dirname, 'public'))); app.use('/', routes); app.use('/users', users); app.use('/about', about); // catch 404 and forward to error handler app.use(function(req, res, next) { var err = new Error('Not Found'); err.status = 404; next(err); }); // error handlers // development error handler // will print stacktrace if (app.get('env') === 'development') { app.use(function(err, req, res, next) { res.status(err.status || 500); res.render('error', { message: err.message, error: err }); }); } // production error handler // no stacktraces leaked to user app.use(function(err, req, res, next) { res.status(err.status || 500); res.render('error', { message: err.message, error: {} }); }); module.exports = app; 

问题

当你像app.use('/about', about);那样在你的app.js上定义一个路由时app.use('/about', about); 。 您已经明确表示您希望请求打到http:// yourserver / about路由。

如果您尝试在about.js中再次定义/about

 router.get('/', function(req, res, next) { res.render('about', { title: 'About' }); }); 

你正在做的是告诉快递,你会在你的第一个宣布/关于。 所以它会期待这条路线上的请求: http:// yourserver / about / about

解决scheme

这实际上是你正在使用的。 在你的about.js中定义一个根路由为:

 router.get('/', function(req, res, next) { res.render('about', { title: 'About' }); }); 

这样你的应用程序将是:

  • 模块化,因为你使用不同的path(about.js,users.js)不同的文件
  • 更容易阅读
  • 在每个文件中都有更简单的路由,因为每当你想创build一个新的路由时,你都不需要input/about

如果你希望http:// yourserver / about / help只需在你的路由文件about.js中添加一个处理程序,如下所示:

 router.get('/help', function(req, res, next) { res.render('help', { title: 'Help' }); }); 

如果你想要的路线/about工作,那么你必须创build另一条路线:

 router.get('/about', function(req, res, next) { res.render('about-page', { title: 'About' }); }); 

因为/只会用于主页。