1

Gatsby プロジェクトでサインアップ確認ページを作成しようとしています。https://github.com/DWboutin/gatsby-react-intl-starterで作成した stater から始めました。

ではgatsby-node.js、提供された ID をページで処理するように pageMatch プロパティを設定しました。（これvalueは私の言語構築プロセスの一部であることに注意してください）

if (page.path.match(/^\/client-side-page/)) {
    page.matchPath = (value !== baseLanguage) ? `/${value}/client-side-page/*` : '/client-side-page/*';
}

これで、ページにアクセスできます/client-side-page/{MY ID}。そのページでは、パス内のreach/routerを取得し、:id提供された場合にのみ確認フォームをレンダリングするために使用します。

すべてが機能しますが、ページを直接読み込むと、404 コンポーネントが表示されます。

適切なパスが見つからない場合に備えて、デフォルト ルート コンポーネントを設定しようとしました。しかし、表示する前に404を表示し続けます。

<Router basepath={`/${pageContext.matchPath.replace('/*', '/')}`}>
    <ClientSignupDefault default />
    <ClientSignup path=":id" />
</Router>

これを行う方法はありますか、またはこれを管理する別の方法を見つける必要がありますか?

ご協力ありがとうございました！

4

1 に答える 1