时间戳

首页 > 解决方案 > Nextjs 增量静态再生似乎不适用于新博客、编辑

next.js - Nextjs 增量静态再生似乎不适用于新博客、编辑

问题描述

我正在使用 ISR，但添加了新博客，编辑似乎并没有在制作中起作用。

// /blogs/[slug].js

export async function getStaticProps({ params }) {
  const res = await api.get(`/api/v1/blogs/${params.slug}`);
  const blog = res.data;
  return { props: { blog }, revalidate: 60 };
}
export async function getStaticPaths() {
  const res = await api.get("/api/v1/blogs");
  const blogs = res.data;
  const paths = blogs.map((item) => ({
    params: { slug: item.slug },
  }));
  return { paths, fallback: false };
}

标签： next.js

解决方案

您需要将您的fallback值设置为trueor 'blocking'，以便可以生成新页面。否则，构建时不存在的路径将只是 404。

export async function getStaticPaths() {
    // Existing code

    return { paths, fallback: true };
}

推荐阅读