是否可以在Next.js中使用默认路由，以便所有路由或路由白名单都将转到特定页面。对于我的项目，我的想法是使用Next.js来构建营销网站、注册和登录过程，然后拥有一个将 Boot SPA的Next.js页面（可能使用create-react-app和react-router），以便不是Next.js页面的任何路由都将假定它是SPA中的路由，因此将指向将启动SPA的页面
chhqkbe11#
其中一个可行的方法是创建一个自定义的404页面。https://nextjs.org/docs/advanced-features/custom-error-page每一个不是可识别的next.js路由的路由都将调用此页面，但不会重定向（更改浏览器URL），这正是启动SPA时所需要的。
7kqas0il2#
我刚刚添加了一个app/page.tsx（pages/page.tsx）并返回了如下所示的默认组件：（我只需要一个默认页面/条目页'/'）
'use client'; import AboutUs from './aboutus/page' const DfltPage = () => { return (<AboutUs/>) } export default DfltPage;
这对我很有效。
2条答案
按热度按时间chhqkbe11#
其中一个可行的方法是创建一个自定义的404页面。https://nextjs.org/docs/advanced-features/custom-error-page
每一个不是可识别的next.js路由的路由都将调用此页面，但不会重定向（更改浏览器URL），这正是启动SPA时所需要的。
7kqas0il2#
我刚刚添加了一个app/page.tsx（pages/page.tsx）并返回了如下所示的默认组件：（我只需要一个默认页面/条目页'/'）
这对我很有效。