Express报CANNOT SET HEADERS AFTER THEY ARE SENT错误如何解决

• 核心报错原因：你在单个请求的处理逻辑中连续调用了2次res.render方法，res.render执行时会直接拼接模板、返回响应头和响应体给客户端，第二次调用时响应已经发送完成，就会抛出CANNOT SET HEADERS AFTER THEY ARE SENT TO CLIENT错误
• 附加错误点：
  • 语法错误：变量声明关键字constant应为const，路由回调参数定义为request但后续使用req读取参数，名称不匹配
  • 逻辑错误：GET请求默认无法通过req.body获取表单提交参数，req.body需要配套express解析中间件，且一般用于POST请求场景

你需要拆分两个路由分别处理「展示输入表单」和「处理查询并展示结果」的逻辑，实现步骤如下：

1. 先配置express内置的表单解析中间件，这段代码要写在所有路由定义之前：

// 解析application/x-www-form-urlencoded格式的表单提交数据
app.use(express.urlencoded({ extended: true }))

2. 拆分两个独立路由：

• 第一个GET路由仅负责渲染输入表单页面，不要添加其他返回响应的逻辑

app.get('/GitHub', function(req, res) {
  const parameters = {}
  res.status(200).render('GitHub.pug', parameters)
})

• 第二个POST路由负责接收表单提交的参数、查询数据库、渲染结果页，同时需要把你表单的method属性设置为POST，action属性设置为/GitHub

app.post('/GitHub', function(req, res) {
  const topic = req.body.top
  db.query("SELECT * from GitHub where topic=?",[topic],function(err, rows, fields){
    if(err) throw err
    // 整个请求周期内仅调用这一次render返回结果
    res.render('users',{title: 'Details', items: rows})
  })
})

内容的提问来源于stack exchange，提问作者anshuman kumar