TinaCMS/Nextjs github页面404时访问根url在

Question

我刚刚使用github操作在github页面上部署了一个TinaCMS页面。除了对根URL的初始访问外，它似乎工作得很好。在这个初始加载中，Nextjs呈现了一个带有链接"Return to home"的404错误页面。单击此链接时，浏览器的URL仍然是根URL，并且主页被正确呈现。当我直接访问像example.com/posts这样的子页面时，页面会正确呈现。当我在本地进行构建和导出并使用本地nginx服务器打开文件时，主页在初始访问时被正确呈现。在我的next.config.js中有以下内容:

async rewrites() {
return [
{
source: "/",
destination: "/home",
} ...

那么与github页面相关的问题是什么呢?

完整的源代码在这里:https://github.com/mtnstar/web该页面可访问https://mtnstar.net

Answer 1

我找到了一个临时修复，尽管404页面闪烁了一秒钟，然后呈现正确的家庭年龄。所以我添加了一个useEffect钩子来初始重定向到浏览器当前的url。

import React from "react";
import "../styles.css";
import { useRouter } from 'next/router'
const App = ({ Component, pageProps }) => {
const router = useRouter();
React.useEffect(()=>{
router.push(window.location.href)
},[])
return <Component {...pageProps} />;
};

所以另一种永久性修复这个问题的方法将是值得赞赏的