Netlify не распознает параметры URL при использовании response-router-dom - PullRequest
1 голос
/ 06 июня 2019

Я создаю приложение реагирования, которое использует реагирующий маршрутизатор.Я использую роутер для соответствия путям типа :/bankName-:credit, и он отлично работает в локальной разработке.Единственный требуемый путь для моего приложения - :/bankName-:credit, а любой другой путь будет 404.Но когда я развертываю это приложение для netlify, то по умолчанию оно переходит на / и показывает пользовательский 404.Это все хорошо.Но теперь, если я попытаюсь перейти к /hdfc-500, то он выдаст сообщение netlify not found, что page not found.

Я попытался использовать _redirects, как упомянуто в netlify , но этоне работает.

Вот мои маршруты: -

App.js

<Route path='/:bankCode-:credit' component={NestedRoutes} />
<Route component={NotFound} />

Вот мой NestedRoutes компонент: -

const NestedRoutes = ({ match }) => (
  <Suspense fallback={<LinearProgress />}>
    <Switch>
      <Route exact path={`${match.path}/sc-generate`} component={SCGenerate} />
      <Route exact path='/:bankCode-:credit' component={Home} />
      <Route component={NotFound} />
    </Switch>
  </Suspense>
)

Я использую следующий код в моем _redirects файле: -

/* /:bankCode-:credit

Но он пытается точно соответствовать /:bankCode-:credit

Что мне сделать, чтобы это исправить?

1 Ответ

1 голос
/ 12 июня 2019

Я воссоздал вашу проблему здесь https://codesandbox.io/s/trusting-frost-ls353

Решение простое, добавьте файл с именем _redirects в общую папку с этим содержимым

/* /index.html 200

Вы можете найти больше информации по этой ссылке. https://www.slightedgecoder.com/2018/12/18/page-not-found-on-netlify-with-react-router/

...