React连接MongoDB提交注册信息首次成功后报500内部错误求助

问题排查方案 #

• 优先查看Node.js服务端控制台的报错日志，500为服务端内部错误，仅前端报错无法定位根因，服务端日志会输出具体的异常信息。
• 检查/register接口的异常捕获逻辑：所有数据库操作、异步逻辑必须包裹try/catch，未捕获的异常会直接触发500错误。尤其注意检查是否配置了用户名、邮箱的唯一索引，重复提交相同的唯一字段触发的数据库索引异常如果没有被捕获的话，会直接抛出500。
• 修正数据库连接导出逻辑：你当前在mongodb.connect的回调函数中导出client的写法存在时序问题，模块加载时如果其他文件先引用了db模块，此时还没拿到连接实例会导致首次请求刚好连接初始化完成，后续请求引用空实例报错。修正后的db.js参考写法如下：

const dotenv = require("dotenv")
dotenv.config()
const mongodb = require("mongodb")

let dbClient
async function getDbClient() {
  if (!dbClient) {
    dbClient = await mongodb.connect(process.env.CONNECTIONSTRING, { 
      useNewUrlParser: true, 
      useUnifiedTopology: true 
    })
  }
  return dbClient
}

module.exports = getDbClient

在业务接口中调用await getDbClient()获取连接实例后再进行数据库操作即可。

• 检查.env中的MongoDB连接串配置是否完整：你当前贴出的CONNECTIONSTRING仅填写了用户名前缀，缺少密码、集群地址、数据库名参数，完整格式为mongodb+srv://<你的数据库用户名>:<数据库密码>@<集群地址>/<业务数据库名>?retryWrites=true&w=majority，配置不全会导致连接不稳定，出现首次请求成功后续请求失败的问题。
• 检查数据库连接数是否超限：如果你的注册接口每次请求都新建数据库连接，没有复用连接实例，会导致短时间内连接数超过MongoDB集群的上限，后续请求无法建立连接触发500错误。
• 检查注册接口的参数校验逻辑：第二次提交的参数是否存在为空、格式错误的情况，后端未做参数校验直接操作数据库也会触发异常。

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