Express框架中next()引起的错误Error: Can't set headers after they are sent.

假如同一路径下服务器有两个方法来对其进行处理,那么只有匹配到的第一个方法会被执行,剩余的将会被忽略。
想要让处理同一路由下的多个方法都执行,这里就需要用到next了。

Next的作用

next作为express中间件函数的第三个参数,next函数主要功能是将控制权交给下一个中间件,如果当前中间件没有结束请求,且没有调用next,请求将被挂起,后面定义的中间件将不会被执行。

具体测试代码如下:
在Express服务器代码中的index.js加入如下下测试代码:

router.get('/users/nextTest', function (req,res,next) {
    res.send('index.js get');
    //next();
});

在users.js中添加代码如下

router.get('/nextTest', function (req,res,next) {
    console.log('users nextTest');
});

当next()没有被注释时,user.js该中间件可以被执行,如果next()没有调用,则users.js中的中间件没有机会被执行。
如果res.send('index.js get');移到user.js的代理中,且不调用next(),这个请求将得不到服务器的回应,即请求被挂起!

index.js
router.get('/users/nextTest', function (req,res,next) {
    // res.send('index.js get');
    console.log('index.js get');
    // next();
});
users.js
router.get('/nextTest', function (req,res,next) {
    console.log('users nextTest');
    res.send('users nextTest');
});

如果定义的中间件终结了本次请求,那就不应该再调用next函数,否则就可能会出问题!

index.js
router.get('/users/nextTest', function (req,res,next) {
     res.end('index.js get');

     next();// 可以正常调用
});
users.js
router.get('/nextTest', function (req,res,next) {
    console.log('users nextTest');
    //res.send('users nextTest');
    next(); // 这里该请求已经结束了,不能再调用next了
});

服务器会报如下错误Error: Can't set headers after they are sent.:

GET /users/nextTest 200 4.541 ms - -
users nextTest
Error: Can't set headers after they are sent.
    at validateHeader (_http_outgoing.js:491:11)
    at ServerResponse.setHeader (_http_outgoing.js:498:3)
    at ServerResponse.header (D:\node.js\myMongooseExpress\node_modules\express\lib\response.js:767:10)
    at ServerResponse.contentType (D:\node.js\myMongooseExpress\node_modules\express\lib\response.js:595:15)
    at ServerResponse.send (D:\node.js\myMongooseExpress\node_modules\express\lib\response.js:145:14)
    at done (D:\node.js\myMongooseExpress\node_modules\express\lib\response.js:1004:10)
    at Object.exports.renderFile (D:\node.js\myMongooseExpress\node_modules\pug\lib\index.js:412:12)
    at View.exports.__express [as engine] (D:\node.js\myMongooseExpress\node_modules\pug\lib\index.js:455:11)
    at View.render (D:\node.js\myMongooseExpress\node_modules\express\lib\view.js:135:8)
    at tryRender (D:\node.js\myMongooseExpress\node_modules\express\lib\application.js:640:10)
    at Function.render (D:\node.js\myMongooseExpress\node_modules\express\lib\application.js:592:3)
    at ServerResponse.render (D:\node.js\myMongooseExpress\node_modules\express\lib\response.js:1008:7)
    at D:\node.js\myMongooseExpress\app.js:41:7
    at Layer.handle_error (D:\node.js\myMongooseExpress\node_modules\express\lib\router\layer.js:71:5)
    at trim_prefix (D:\node.js\myMongooseExpress\node_modules\express\lib\router\index.js:315:13)
    at D:\node.js\myMongooseExpress\node_modules\express\lib\router\index.js:284:7

抛出异常的原因:users.js的中间件中该请求已经结束,但还是调用了next函数,就会继续执行以下代码,但是实际上该请求已经结束,该中间件还是会试图向res的headers中添加或改变属性值,所以才报的这个异常。

// 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');
});

next函数内部有个while循环,每次循环都会从stack中拿出一个layer,这个layer中包含了路由和中间件信息,然后就会用layer和请求的path就行匹配,如果匹配成功就会执行layer.handle_request,调用中间件函数。但如果匹配失败,就会循环下一个layer(即中间件)。

现在就能解释上边提出的问题了,为什么自定义中间件中没调用next函数,但后边的404中间件仍旧会被执行到,因为请求的"/xxx"匹配不到我们注册的"/a"路由中间件,所以while循环会继续往下执行,匹配404中间件成功,所以会执行404中间件。

本文参考自:https://cnodejs.org/topic/5757e80a8316c7cb1ad35bab

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容