Как установить компонент по умолчанию только на клиентской стороне Gatsby.js? - PullRequest
Новая
       38

Как установить компонент по умолчанию только на клиентской стороне Gatsby.js?

0 голосов
/ 15 января 2019

Я пытаюсь создать страницу подтверждения регистрации в моем проекте Gatsby. Я начал со статера, который создал здесь https://github.com/DWboutin/gatsby-react-intl-starter.

В gatsby-node.js я установил реквизит 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>

Есть ли способ сделать это или я должен найти другой способ управлять этим?

Спасибо за помощь!

1 Ответ

0 голосов
/ 31 июля 2019

, если вы хотите избежать 404, вы должны разместить перенаправление на вашем веб-сервере с /client-side-page/* до /client-side-page/index.html, т.е. с ngnix: 

rewrite ^/client-side-page/([^.]*?/)$ /client-side-page/index.html;

другого пути нет.

...