使用 Next.js 部署到 Vercel 时索引页面上的错误代码 500

每当我部署连接到数据库的网站时，我的主页上都会出现错误代码 500。但是，一旦我单击页面链接，此错误代码就会消失。在这个例子中，我将演示我的问题。

这里有一个链接可以自己尝试/

[这是我的网站打开时的样子]

出于某种原因，我的数据只会在我单击链接时加载，在这种情况下，我单击了使用

[这是我点击我的“/”时的默认索引]

重新加载页面时出现此问题

这些是我主页的服务器端道具

export const getServerSideProps = async () => {
  const client = connexion();
  const data = await client.products.findMany({orderBy: {name:'asc'}
    
  });

  let Products = data;

  return {
    props: {
      Products: JSON.parse(JSON.stringify(Products)),
    },
  };
};

供参考，这是connexion()

import { PrismaClient } from "@prisma/client";

declare namespace global {
    var client: PrismaClient | undefined;
}

export function connexion() {
    let cached = global.client;

    if (cached == null) {
        cached = global.client = new PrismaClient();
    }

    return cached;
}

这就像我的默认页面，索引加载不正确。也许我的问题是 connexion()，但我不是 100% 确定