在 Express Application Generator 上开发时，除索引路由外的所有路由都显示错误 404

Question

我正在构建一个日程安排器，当我设置路线时，我注意到除了主页路线以外的每条路线（即索引或“/”）都会收到 404。

这是 app.js 文件

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

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var calendarRouter = require('./routes/calendar');

var app = express();

//Set up mongoose connection
var mongoose = require('mongoose');
var mongoDB = 'mongodb+srv://<user-name>:<password>@cluster0.3xw67.gcp.mongodb.net/<db-name>?retryWrites=true&w=majority';
mongoose.connect(mongoDB, { useNewUrlParser: true , useUnifiedTopology: true});
var db = mongoose.connection;
db.on('error', console.error.bind(console, 'MongoDB connection error:'));

// 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('/users', usersRouter);
app.use('/calendar', calendarRouter);

// 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;

这是 calendar.js 路由

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

var schedule_controller = require('../controllers/scheduleController');

router.get('/', schedule_controller.index);

router.get('/calendar/create', schedule_controller.schedule_create_get);

router.post('/calendar/create', schedule_controller.schedule_create_post);

router.get('/calendar/:id/delete', schedule_controller.schedule_delete_get);

router.post('/calendar/:id/delete', schedule_controller.schedule_delete_post);

router.get('/calendar/:id/update', schedule_controller.schedule_update_get);

router.post('/calendar/:id/update', schedule_controller.schedule_update_post);

router.get('/calendar/event/:id', schedule_controller.schedule_details); 

router.get('/events', schedule_controller.schedule_list);

module.exports = router;

这是 index.js 路由，我在这里做了重定向！

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

/* GET home page. */
router.get('/', function(req, res, next) {
  res.redirect('/calendar');
});

module.exports = router;

这里是 calendar.js 路由的控制器。

var Schedule = require('../models/schedule');

exports.index = function(req, res) {
    res.send('NOT IMPLEMENTED: Site Home Page');
};

exports.schedule_list = function(req, res) {
    res.send('NOT IMPLEMENTED: Schedule List');
};

exports.schedule_details = function(req, res) {
    res.send('NOT IMPLEMENTED: Schedule Detail: ' + req.params.id);
};

exports.schedule_create_get = function(req, res) {
    res.send('NOT IMPLEMENTED: Schedule create GET');
};

exports.schedule_create_post = function(req, res) {
    res.send('NOT IMPLEMENTED: Schedule create POST');
};

exports.schedule_delete_get = function(req, res) {
    res.send('NOT IMPLEMENTED: Schedule delete GET');
};

exports.schedule_delete_post = function(req, res) {
    res.send('NOT IMPLEMENTED: Schedule delete POST');
};

exports.schedule_update_get = function(req, res) {
    res.send('NOT IMPLEMENTED: Schedule update GET');
};

exports.schedule_update_post = function(req, res) {
    res.send('NOT IMPLEMENTED: Schedule update POST');
};

Answer 1

好的，我发现我使用的索引 url 是 / 的错误是我重定向到 /calendar。而且我一直在使用其余的 url 路由而没有调用重定向的路由，即/calendar。

我尝试使用/calendar/calendar 调用路由，它成功了！

我还不清楚如何解释这一点。我希望 stackoverflow 的同胞能解释为什么会发生这种情况。

这是我尝试一个菜鸟的解释！

将索引路由/重定向到另一个url路由，改变网站的主url路由（地址）。因此，所有 除索引路由之外的所有子路由都应显式调用重定向路由（新地址）。因为每次我们调用旧地址时，重定向都会将其更改为新地址。使旧地址失效。

（幽默：我想指出一个考虑数字的例子。它就像整数和自然数。重定向是当整数变为自然数时。）