美文网首页
Express框架中next()引起的错误Error: Can'

Express框架中next()引起的错误Error: Can'

作者: 丹丹十个胆小鬼 | 来源:发表于2018-11-02 17:25 被阅读0次

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

    相关文章

      网友评论

          本文标题:Express框架中next()引起的错误Error: Can'

          本文链接:https://www.haomeiwen.com/subject/nzucxqtx.html