javascript - 关于node js express框架中的路由定义
问题描述
我正在我的 app.js 文件中设置路线。我正在传递路线以在 routes/flights.js 文件中列出航班。但是当我在所有路线的底部定义路线时遇到的问题是我收到 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 flightRouter = require('./routes/flight');
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
app.use(logger('dev'));
app.use(express.json());
app.use(function(req, res, next){
res.set('X-Powered-By', 'Flight Tracker');
next();
});
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('/flight', flightRouter);
// 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;
路线/航班.js
var express = require('express');
var router = express.Router();
var flights = require('../modules/data');
var flight = require('../modules/flight');
for (var number in flights) {
flights[number] = flight(flights[number]);
}
router.get('/list', function (req, res, next) {
// console.log('in list');
res.render('flight', {
title: 'All flights',
flights: flights
});
});
router.get('/:id', function (req, res, next) {
var number = req.params.id;
if (typeof flights[number] === 'undefined') {
res.status(404).json({
status: 'error'
});
} else {
res.json(flights[number].getInformation());
}
});
router.put('/:id/arrived', function (req, res, next) {
var number = req.params.id;
if (typeof flights[number] === 'undefined') {
res.status(404).json({
status: 'error'
});
} else {
flights[number].triggerArrive();
res.json({
status: 'Done'
});
}
});
module.exports = router;
router.get('/list', function (req, res, next) {
res.render('flight', {
title: 'All flights',
flights: flights
});
});
上面这行代码需要在 routes/flight.js 中其他路由的底部工作
解决方案
如果您的意思是在 flight.js 文件中......这可能会发生,因为 /:id 还捕获 /list 路由,因为 :id 没有任何约束,这就是为什么它必须在 /:id 之前定义然后路由器将匹配 /list 如果没有匹配,它将转到 /:id
推荐阅读
- java - 如何为所有屏幕尺寸制作灵活的 UI?
- reactjs - 如何在 vue 中执行类似 React componentwillreceiveprops 的操作
- imgur - Imgur API - 注册应用程序时出现 400 错误
- django - 我究竟该如何使用 HStoreField?
- regex - 如何替换查询字符串中的第一个参数?
- amazon-web-services - CloudFront 忽略 Lambda@Edge 提供的自定义 Origin
- r - 在 R 中绘制二元逻辑回归的问题
- django - 在扩展模板 django 中使用时,leaflet_map 不起作用
- c++ - 该代码在 Dev-C++ 中没有给我任何输出
- android-appcompat - 在使用 Material Components 时我应该如何摆脱 Appcompat Style?