在 Vercel 上部署的 Nextjs 中的 api 请求出现 504/502 错误

Question

我在 Next.js 中开发了一个应用程序。对于后端，我使用了在 Nextjs 中配置的 api 端点，它们位于 pages/api 中。 api 端点经常返回 502（网关超时错误）或 504（我们的部署有问题）。

通过一些研究，我发现它正在发生是因为服务器超时。对于我部署了 Nextjs 应用程序的 Vercel，无服务器函数的超时最大期限为 10 秒。

端点之一的代码（https://bulkbays.com/api/fetchSections）是

import db from "../../config/db";
import Section from "../../Models/Section";

db();

export default async function handler(req, res) {

    console.log('Entered the serverless function')

    Section.find()
        .lean()
        .then((sections) => {
            console.log('Fetched Sections',sections)
            return res.json(sections);
        })
        .catch((err) => {
            console.log('Error in fetching sessions',err)
            return res.json({
                status: false,
                msg: "An unexpected problem occured",
                err,
            });
        });
}

请有人告诉我怎么可能超过 10 秒。它是人们可以进行的最简单的查询。此外，此查询的结果只是一个长度为 9 的数组，其中对象作为项，其值是字符串。好像是这样的

[
  {
  "_id":"6092a55478ccc2092c5e41b0",
  "images":["http://res.cloudinary.com/bulkbays97/image/upload/v1620223428/eysvsch2hf4ymajizzcn.jpg","http://res.cloudinary.com/bulkbays97/image/upload/v1620223429/qiwa2idfrntiygsfmnx2.jpg","http://res.cloudinary.com/bulkbays97/image/upload/v1620223429/elwhjk7abwcde7ccqcxf.jpg","http://res.cloudinary.com/bulkbays97/image/upload/v1620223428/yuzhe8iehcyj1rmfyr09.jpg"],
  "title":"P-Caps",
  "createdAt":"2021-05-05T14:01:56.626Z",
  "updatedAt":"2021-05-05T14:01:56.626Z","__v":0
  },
  ....
]

这是发送 502 或 504 响应的请求之一的日志

[GET] /api/fetchSections
14:36:34:38
Status:-1
Duration:10010.32 ms
Init Duration: N/A
Memory Used:60 MB
ID:x7lh8-1620552994128-a44f049a01ae
User Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:88.0) Gecko/20100101 Firefox/88.0
2021-05-09T09:36:44.511Z 62c16977-9c5c-42f5-961f-a63083638a9c Task timed out after 10.01 seconds

请指导我。我该怎么办？我应该为此使用 Heroku（不是无服务器）之类的东西吗？

我为客户制作了这个网站，现在我不知道是什么问题导致了这个。

Answer 1

首先尝试找出问题的根源，这样您就知道下一步要采取什么步骤。

例如，尝试在不使用或连接到数据库的情况下返回一些虚拟数据。

export default async function handler(req, res) {

    console.log('Entered the serverless function')

    return { "dummy": "data"}
}

如果您仍然有超时问题，您现在知道这可能是因为您的 Vercel NextJS 设置。

如果您的 NextJS 设置不是问题，那么您知道问题是由您的数据库引起的。问题出在查询本身或连接上。

我不确定您使用的是什么数据库（从语法上我假设它是 MongoDB）。

最可能的解决方案：

• 目前还不清楚db() 做了什么或它是什么。我假设它处理与 MongoDB 实例的连接。无论哪种方式，请务必检查 db() 函数是否是异步的。这是一个常见的错误；如果函数是异步的并且你没有正确调用它，那么超时可能是由这个异步问题引起的。
• 您是为每个请求创建新连接还是重复使用现有的打开连接？每次都创建一个新连接可能很昂贵；这可能是导致您的超时问题的原因。

如果这些不起作用，请尝试以下方法：

• 您的数据库是如何托管的？它是由 Vercel 管理的吗？尝试使用其他经理来查看问题所在。
• 您的 Vercel 仪表板中的所有设置是否正确？确保您拥有正确的 MongoDB 连接字符串，并且您的 MongoDB 实例已设置为接受来自您的应用的连接。

Answer 2

我不断研究的结果是将 API 发布在 Heroku 上，将前端发布在 Vercel 上。我在一篇 stackoverflow 帖子中读到了这个建议，他说他在 Vercel 工作，这是最合适的解决方案。

我认为这是无服务器架构本身的问题。我尝试在 netlify 上部署 Nextjs 并遇到了类似的情况。

Answer 3

我遇到了同样的问题

任务在 10.01 秒后超时

使用连接到 MongoDB(atlas) 的 Next.js API 端点。对我来说，根本原因实际上是 MongoDB 中的网络访问被设置为我自己的 IP 地址，因此不允许从我部署的应用程序中访问。对于那些在 Next.js 函数中遇到同样问题的人，还请检查 MongoDB 是否已正确配置为接受来自您自己 IP 以外的 IP 地址的连接。

上下文见下文：

注意：Vercel 使用动态 IP 地址，因此您需要添加例外以从 MongoDB Atlas 仪表板中的任何 IP 地址进行访问。为此，只需导航到“网络访问”选项卡，点击“添加 IP 地址”按钮，然后点击“允许从任何地方访问”按钮，或在“访问列表条目”中输入 0.0.0/0。