如何正确导入Express路由模块？

Question

我和express-generator一起生成了一个项目。在我的路由目录中，我有两个文件：index.js和users.js，以及处理/about路由的about.js。

在Error 404 : Page Not found中访问/about结果。

在app.js中为/about添加处理程序时，错误消失了。

./app.js

var     createError = require('http-errors');
var     express = require('express');
var     path = require('path');
var     cookieParser = require('cookie-parser');
var     logger = require('morgan');

var     indexRouter = require('./routes/index')
var     aboutRouter = require('./routes/about');
var     usersRouter = require('./routes/users');

var     app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/about', aboutRouter);
app.use('/users', usersRouter);


// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});


// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development\
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};
// render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

./route/index.js

var express = require('express');
var app = express();
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
        res.json( {
                message : "Home Page (Requeste for list)",
                method : req.method,
                Succes : "True"
        });
  // res.render('index', { title: 'Express' });
})

module.exports = router;

./routes/about.js

var express = require('express');
var router = express.Router();

router.get('/about', function(req, res) {
    res.send('im the about page!');
});
router.post('/about', function(req, res) {
    res.send('im the about page!');
});


module.exports = router;

Answer 1

像这样重写你的router/about.js

var express = require('express');
var router = express.Router();

router.get('/', function(req, res) {
    res.send('im the about page!');
});
router.post('/', function(req, res) {
    res.send('im the about page!');
});


module.exports = router;

因为在app.js中，您已经在第24行声明了前缀/about，所以不必在router/about.js中再次声明前缀

Answer 2

在app.js中，您已经将about路由器根设置为"/about“，而在"about.js”中，您再次指定了router.get('/about')，这将导致访问about路由必须使用/about/about (您可以在修复它之前尝试)。为了获得预期的结果，您应该在about.js中使用router.get(´/´)，在app.js中使用keep as it is app.use('/about', aboutRouter);。您可以查看https://expressjs.com/en/guide/routing.html以获取更多信息。致以问候。