Vercel 上的 Nextjs 部署 - api 请求返回 500，适用于 localhost

Question

赏金将在 5 天后到期。 此问题的答案有资格获得+100声望赏金。 Adam Ilčišák希望引起对这个问题的更多关注。

我将我的 Nextjs 应用程序部署到 Vercel 并且我的 api 调用失败并显示响应 500，即使它在 localhost 上运行也是如此。 我可以使用getStaticProps获得初始负载，所以我相信与数据库的连接是可以的。

我的getStaticPaths function 正常工作看起来像这样：

export async function getStaticProps() {
  dbConnect();
  const properties = await Property.find({
    deletedAt: { $exists: false },
    archivedAt: { $exists: false },
  })
    .sort({ refreshed: -1 })
    .limit(itemsPerPage);
  const propertiesCount = await Property.countDocuments(
    { deletedAt: { $exists: false }, archivedAt: { $exists: false } },
    { limit: 100 }
  );
  const pagesCount = Math.ceil(propertiesCount / itemsPerPage);

  return {
    props: {
      fetchedProperties: properties.map((property) => propertyToJson(property)),
      pagesCount: pagesCount,
    },
    revalidate: 5,
  };
}

但是，当查询更改时，我会像这样调用useEffect钩子：

useEffect(() => {
    if (Object.keys(query).length > 0) {
      (async () => {
        const filteredProperties = await fetch(
          process.env.NEXT_PUBLIC_BASE_URL +
            '/api/properties?' +
            new URLSearchParams(query)
        );
        const res = await filteredProperties.json();

        if (res.status === 200) {
          setProperties(res.properties);
        } else {
          //show error
          console.log('error');
        }
      })();
    }
  }, [query]);

这总是返回错误（在本地主机上工作）。 我的pages/api/properties/index.js文件如下所示：

import dbConnect from 'utils/dbConnect';
import Property from 'models/Property';
import { propertyToJson } from 'utils/helpers';

const handler = async (req, res) => {
  console.log('req:', req);
  const { method } = req;
  dbConnect();
  if (method === 'GET') {
    const { price } = req.query;

    let queryCond = {};
    if (price) {
      queryCond.price = { $lte: price * 1 };
    }
    console.log('queryCond:', queryCond);

    try {
      const properties = await Property.find(queryCond).exec();
      console.log('properties:', properties);

      res.status(200).json({
        status: 200,
        properties: properties,
      });
    } catch (err) {
      res.status(500).json(err);
    }
  }
};

export default handler;

此外，我无法在任何地方从 api 文件中看到console.log 。 不在 Vercel function 日志中，不在我的终端中运行vercel dev --debug 。 我有一种感觉，请求甚至没有到达那个api/properties/index.js文件......

如果您能帮助我解决这个问题，我将不胜感激，但如果您能指出如何有效地调试这些 api 文件，我将更加感激。 谢谢。

Answer 1

我想通了。 我的方法有两个问题：

1. 我提供的代码片段只是更复杂代码的一部分。 我在问题中省略了“POST”方法的一部分，并且import { adminAuth } from 'config/firebase-admin'其中 env 变量配置不正确。 我认为这部分不应该是问题，因为我没有调用该方法的这一部分。
2. 当然，我甚至使用问题中的代码进行了测试，但看起来它可能缓存在我的浏览器中并且它反映了旧版本。 对于 Vercel 上的每个构建，都会生成 3 个 url，对于 go 来说，它可能是最好的，其中包含令牌 - 所以它对于构建来说是唯一的，而且您没有机会查看缓存的旧代码。