我正在尝试制作一个只有一页来处理所有路线的 Gatsby 项目。我有这样的索引页面:
const App = () => {
return <Router>
<Home path="/"/>
<Login path="/login" />
<Content path="/content" />
</Router>
}
在src/pages
文件夹上我只有index.js
我怎样才能让这个页面处理所有的路线?
检查 Gatsby 文档(https://www.gatsbyjs.com/docs/client-only-routes-and-user-authentication/)我知道我可以gatsby-plugin-create-client-paths
像这样使用插件:
{
resolve: `gatsby-plugin-create-client-paths`,
options: { prefixes: [`/app/*`] },
},
如果我app.js
使用反应路由器制作一个名为的页面,这会很好。所以所有的路线/app/*
都到这个页面。
但是我怎样才能在根 url: 上进行这种重定向/
。我想让任何路线/*
都转到索引页面:index.js
关于如何做到这一点的任何建议?:)