下一个 JS - MongoDB| 500：在 Vercel 上部署后出现内部服务器错误
NEXT JS - MongoDB| 500: Internal Server Error after Deployment on Vercel
这是我的第一个 Next JS - MongoDB 项目，所以在我的本地主机上一切正常。在 Vercel 上部署我的网站后，我在几条路线上收到 500: Internal Server Error（我认为只有那些从数据库中填充了数据），我仔细检查了我的环境变量，一切正常所以我猜这个错误与“getServerSideProps”有关，我在网上看到过类似的问题。尽管如此，我还是没有找到任何有用的解决方案。
这是我在 GitHub 上的代码：https://github.com/MoeElItani/Click-N-Eat
和我部署的网站：https://click-n-eat.vercel.app/
在本地主机上：
已部署：
如果您使用的是 mongodb atlas 集群，请将您的 IP 列入白名单。更改为 0.0.0.0。这将允许从任何地方访问数据库。
感谢@juliomalves
我检查了 Function Logs，发现问题是我从 localhost:3000/api/...
获取数据
const res = await axios.get(`http://localhost:3000/api/Items/${params.id}`);
更改为：
const res = await axios.get(`/api/Items/${params.id}`);
这是我的第一个 Next JS - MongoDB 项目，所以在我的本地主机上一切正常。在 Vercel 上部署我的网站后，我在几条路线上收到 500: Internal Server Error（我认为只有那些从数据库中填充了数据），我仔细检查了我的环境变量，一切正常所以我猜这个错误与“getServerSideProps”有关，我在网上看到过类似的问题。尽管如此，我还是没有找到任何有用的解决方案。
这是我在 GitHub 上的代码：https://github.com/MoeElItani/Click-N-Eat 和我部署的网站：https://click-n-eat.vercel.app/
在本地主机上：
已部署：
如果您使用的是 mongodb atlas 集群，请将您的 IP 列入白名单。更改为 0.0.0.0。这将允许从任何地方访问数据库。
感谢@juliomalves 我检查了 Function Logs，发现问题是我从 localhost:3000/api/...
获取数据 const res = await axios.get(`http://localhost:3000/api/Items/${params.id}`);
更改为：
const res = await axios.get(`/api/Items/${params.id}`);