Netlify не распознает параметры URL-адреса при использовании response-router-dom

Я создаю приложение для реагирования, которое использует реагирующий маршрутизатор. Я использую маршрутизатор для сопоставления путей типа :/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

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


person aditya81070    schedule 05.06.2019    source источник


Ответы (2)


Здесь я воссоздал вашу проблему 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/

person Daniel Doblado    schedule 12.06.2019
comment
Спасибо, это решило мою проблему. Я пробовал разные перенаправления, но этот решил мою проблему. - person aditya81070; 13.06.2019

У меня возникла эта проблема при передаче параметров URL-адреса в netlify и была решена путем удаления файла. перед ссылками href и src в файле index.html внутри папки build.

Надеюсь, это кому-то поможет.

person siva surya    schedule 05.08.2020