部署在Vercel上时getServerSideProps触发500内部服务器错误

核心问题 #

从Vercel函数错误日志可明确：MongoDB连接字符串格式无效，要求必须以mongodb://或mongodb+srv://开头。本地运行正常但部署后出错，大概率是Vercel环境变量配置问题，或连接初始化逻辑存在疏漏。

具体修复步骤 #

1. 检查Vercel环境变量配置 #

• 确认Vercel项目中MongoDB连接字符串的变量名，和本地.env文件中的完全一致（比如本地用MONGODB_URI，Vercel里也必须用这个名字）。
• 直接在Vercel环境变量面板重新粘贴连接字符串，确保无多余空格、引号（比如复制时误带的双引号/单引号），且严格以mongodb://或mongodb+srv://开头。

2. 修正数据库连接初始化逻辑 #

你的getServerSideProps中调用connectMongo()时未加await，导致连接过程中的错误无法被try/catch捕获，进而触发未处理的Promise拒绝。修改代码如下：

export const getServerSideProps = async () => {
  try {
    await connectMongo(); // 加上await，确保连接完成后再执行后续操作

    const messages = await Message.find(); 

    return {
      props: {
        messages: JSON.parse(JSON.stringify(messages)),
      },
    };
  } catch (error) {
    console.log(error);
    return {
      notFound: true,
    };
  }
};

3. 验证环境变量加载情况 #

可在connectMongo函数中添加日志，确认Vercel是否正确加载环境变量：

// 示例connectMongo函数
export const connectMongo = async () => {
  console.log("MongoDB URI:", process.env.MONGODB_URI); // 部署后查看Vercel函数日志
  await mongoose.connect(process.env.MONGODB_URI);
};

部署后在Vercel的Functions日志中查看输出，若URI为空或格式错误，说明环境变量未配置正确。

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