API 数据不会在生产中更新，但在本地工作

Question

我有一个问题，我看不到错误。

我使用 Next.js 制作的应用程序使用 API 来获取货币值。

在本地，日期和价格会在修改时更新。但在生产中它不起作用，它只显示部署完成时加载的最后一个数据。

我在索引中使用getStaticProps 来获取每个货币类别的数据。

export default function Home({ oficial, blue, bolsa, turista, contadoliqui }) {
  return (
    <Layout>
      <Box p={10}>
        <Stack
          display={{ md: "flex" }}
          spacing={8}
          direction={["column", "column", "row"]}
        >
          <DolarOficialCard oficial={oficial} />
          <DolarBlueCard blue={blue} />
        </Stack>
        <Stack
          display={{ md: "flex" }}
          spacing={8}
          mt={8}
          direction={["column", "column", "row"]}
        >
          <DolarBolsaCard bolsa={bolsa} />
          <DolarContado contadoliqui={contadoliqui} />
        </Stack>
        <Box direction={["column", "column", "row"]} spacing={8} mt={8}>
          <DolarTuristaCard turista={turista} />
        </Box>
        <Box align="center" mt={50}>
          <Alert status="info" justifyContent="center">
            <AlertIcon />
            Última Actualización: {oficial.fecha}
          </Alert>
        </Box>
      </Box>
    </Layout>
  );
}

export const getStaticProps = async () => {
  const oficial = await getDolarOficial();
  const blue = await getDolarBlue();
  const bolsa = await getDolarBolsa();
  const turista = await getDolarTurista();
  const contadoliqui = await getDolarLiqui();

  return {
    props: {
      oficial,
      blue,
      bolsa,
      turista,
      contadoliqui,
    },
  };
};

Answer 1

getStaticProps 表示你的页面是静态页面，只生成一次。如果要始终获取最新数据，则需要使用getServerSideProps

否则，您可以使用增量静态再生。您需要在预定义的“秒”内将您的 getStaticProps 发送到 revalidate。

export const getStaticProps = async () => {
  const oficial = await getDolarOficial();
  const blue = await getDolarBlue();
  const bolsa = await getDolarBolsa();
  const turista = await getDolarTurista();
  const contadoliqui = await getDolarLiqui();

  return {
    props: {
      oficial,
      blue,
      bolsa,
      turista,
      contadoliqui,
    },
      revalidate: 10, // Revalidate every 10 seconds with new data.
  };
};

在开发（下一个开发）中，getStaticProps 将在每个 请求。

这就是为什么它可以在本地工作但不能在生产环境中工作的原因。