当我刷新 NextJS 动态路由页面时，ID 消失了

Question

我正在尝试使动态路由正常工作，以便使用 url 中的 id 显示和检索正确的信息。这在我访问页面时有效，但是当我重新加载页面时，id 为空白。这是可以修复的吗？我在互联网上找不到答案。

任何帮助将不胜感激。

参考代码

//Initializing router
const router = useRouter();

//Getting id from url
const { id } = router.query;

//Fetching postdata
  const getPostData = async () => {
    setLoading(true);
    await db
      .collection("Posts")
      .doc(id)
      .get()
      .then(function (doc) {
        if (doc.exists) {
          setPostData(doc.data());
          setLoading(false);
        } else {
          //router.push("/404");
        }
      })
      .catch(function (error) {
        //router.push("/404");
      });
  };

Answer 1

这是关于 Next.js 路由的一个已知警告，您可以阅读它here。

不管怎样，在你使用 router.query 的页面上添加这个：

export async function getServerSideProps(context) {
    return {
        props: {},
    };
}