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' }); });
因为/
只会用于主页。