NodeJS对接WAMP的MySQL单页面仅能执行6次查询故障求助

问题核心是后端接口未给前端返回响应，结合浏览器并发请求限制共同导致：

• 你的/deleteBtDb/接口执行完SQL逻辑后没有调用res.end()/res.send()等方法返回响应，每个点击触发的XMLHttpRequest请求会一直处于pending等待状态
• 主流Chrome、Edge等浏览器对同一域名的并发HTTP请求上限刚好为6，6个未完成的请求占满浏览器并发槽位后，后续所有请求都会被浏览器阻塞，不会发送到后端，表现为操作失效
• 刷新浏览器时所有未完成的pending请求会被销毁，槽位释放，因此又可以执行6次操作，完全匹配你描述的现象

你测试的后端for循环单次插入10条、phpMyAdmin执行正常都验证了该判断：前者是单次请求仅占用1个槽位，后者接口会正常返回响应不会占用槽位。

按F12打开浏览器开发者工具，切换到「网络/Network」标签，多次点击按钮后观察第7次及之后的请求，会看到请求状态为stalled（阻塞），没有发送到后端。

修改后端接口逻辑，所有执行分支都返回响应即可解决问题：

app.post('/deleteBtDb/', upload.none(), function (req, res, next) { 
    // let sql = `DELETE from tblbacktrack limit 1`
    let sql = `INSERT into tblbacktrack (btEntryNum, btDate) values ('E: 19810809', '2021-05-05');`
    let query = db.query(sql, (err, results) => {
        if(err) {
            console.log(err)
            // 错误场景也要返回响应
            return res.status(500).end()
        }
        // 正常执行完成后返回响应，释放浏览器请求槽位
        res.status(200).end()
    })
})

• 当前你使用的是MySQL单连接，并发场景下会有性能瓶颈，建议替换为连接池mysql.createPool()，无需手动维护连接生命周期
• 前端XMLHttpRequest可以补充onload、onerror回调，方便后续排查请求异常问题
• 生产环境不要直接throw err，会直接导致Node进程崩溃，建议统一捕获错误返回对应响应码即可

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