你能在Next.js中创建一个默认路由吗

Question

是否可以在 Next.js 中设置默认路由，以便所有路由或路由白名单都将 go 指向特定页面。

对于我的项目，我的想法是使用 Next.js 来构建营销网站，注册并登录流程，然后创建一个 Next.js 页面来启动 SPA（可能使用 create-react-app 和 react-router），以便任何不是 Next.js 页面的路由都会假设它是 SPA 中的路由，因此会指向将启动 SPA 的页面

Answer 1

一种似乎可行的方法是创建自定义 404 页面。 https://nextjs.org/docs/advanced-features/custom-error-page

每个不是被识别的 next.js 路由的路由都会调用这个页面，但不会重定向（更改浏览器 URL），这正是启动 SPA 时想要的。

Answer 2

我刚刚添加了一个 app/page.tsx (pages/page.tsx) 并返回了这样的默认组件：（我只需要一个默认页面/“/”的入口页面）

'use client';

import AboutUs from './aboutus/page'
const DfltPage = () => {
    return (<AboutUs/>)
}

export default DfltPage;

这对我来说很好。