我有这个 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后开箱即用的东西 除了 about 行。
我预计 about.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;
最佳答案
The problem
当您在 app.js 上定义路由时,就像使用 app.use('/about', about);
所做的那样。您已经告诉 Express 您预计请求会达到 http://yourserver/about路线。
如果您尝试在 about.js 中再次定义 /about
:
router.get('/', function(req, res, next) {
res.render('about', { title: 'About' });
});
您所做的就是告诉 Express 您将在首次声明的/about 中点击/about。因此,它将期望此路由上的请求:http://yourserver/about/about
The solution
这实际上是你正在使用的。在 about.js 中定义根路由:
router.get('/', function(req, res, next) {
res.render('about', { title: 'About' });
});
这样您的应用程序将是:
- 模块化,因为您为不同的路由使用不同的文件(about.js、users.js)
- 更容易阅读
- 每个文件中的路线更加简单,因为您无需每次希望创建新路线时都键入
/about
。
如果您想要http://yourserver/about/help只需在路由文件 about.js 中添加一个处理程序,如下所示:
router.get('/help', function(req, res, next) {
res.render('help', { title: 'Help' });
});
关于javascript - Express Node.js - 理解路由,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32844872/