next.js 504错误“无法找到文件”

zvokhttg  于 2022-11-29  发布在  其他
关注(0)|答案(3)|浏览(176)

在部署到vercel后,在我的一个页面上得到这个错误,它在开发模式下都工作得很好。
我认为问题可能是我的fetch/API之一,因为它使用来自第一个fetch请求的数据作为第二个fetch请求的URL...
我的所有其他页面与不同的API/获取请求工作正常...

export const fetchData = async (page) => {
  try {
    const req = await fetch(
      "https://www.productpage.com/new/" +
        page
    );
    const html = await req.text();
    const $ = cheerio.load(html);

    let newProducts = [];

    for (let i = 1; i < 25; i++) {
      let name = $(`#product_listing > tbody > #_${i} > td:nth-child(2) > a`)
        .text()
        .replace(/\n/g, "");
      let pageSrc = $(
        `#product_listing > tbody > #_${i} > td:nth-child(2) > a`
      ).attr("href");
      const price = $(`#product_listing > tbody >#_${i} > td.price.notranslate`)
        .text()
        .replace(/\n/g, "");

      pageSrc = "https://www.productpage.com" + pageSrc;

      const req2 = await fetch(pageSrc); // here it is using data from first fetch for a 2nd request..
      const html2 = await req2.text();
      const $2 = cheerio.load(html2);

      const imageSrc = $2(
        "#product-main-image .main-image-inner:first-child img"
      ).attr("src");
      const name2 = $2("#product-details dd:nth-child(2)")
        .text()
        .replace(/\n/g, "");
      const brand = $2("#product-details dd:nth-child(4)")
        .text()
        .replace(/\n/g, "");

      newProducts.push({
        name: name,
        name2: name2,
        brand: brand,
        pageSrc: pageSrc,
        price: price,
        imageSrc: imageSrc,
      });
    }

    return newProducts;
  } catch (err) {}
};

module.exports = {
  fetchData,
};
rqcrx0a6

rqcrx0a61#

此错误表示API响应花费的时间太长,无法响应
当使用带有Hobby计划的Vercel时,您的无服务器API路由可以only be processed for 5 seconds。这意味着5秒后,路由响应504 GATEWAY TIMEOUT错误。
这些相同的限制在本地运行next dev时不适用。
要解决此问题,您需要缩短API路径响应所需的时间,或升级Vercel计划。

hujrc8aj

hujrc8aj2#

在我的例子中,任何函数都没有明显的延迟。你可以在你的函数周围使用这个来检查这一点。

console.time()

在我的例子中,我需要安装mongodb。

"mongodb": "^3.6.3"

安装mongodb后,website that was very slow上的页面在眨眼之间就加载完毕。

guykilcj

guykilcj3#

在我的例子中,我的getServerSideProps在某些情况下没有解决,所以我修复了它,并确保getServerSideProps在每个情况下都得到解决,现在它工作正常。

相关问题