Я развернул свой сайт с помощью Netlify, и у меня возникли проблемы с маршрутизацией.
Вот мой сайт: https://redux -co.netlify.com /
И мой репозиторий GitHub: https://github.com/jenna-m/redux-co
В частности, еслипользователь переходит на любую страницу, кроме домашней страницы, и обновляет страницу, по умолчанию отображается Netlify 404.Со страницы 404, если я возвращаюсь на домашнюю страницу и обновляюсь, домашняя страница отображается.
Кроме того, моя настраиваемая страница 404 не работает, как при работе на localhost:3000
,но я хотел бы выяснить эту проблему обновления прежде, чем иметь дело с моим пользовательским компонентом 404.
Я использую React и response-router, и я понимаю, что, поскольку я использую реагирующий маршрутизатор, мойвеб-сайт не будет развернут прямо из коробки.
Это мой файл _redirects
, который находится в папке /public
вместе с моим файлом index.html
:
/* /index.html 200
Это мой “build”
, расположенный в package.json
:
…
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build && cp build/index.html build/404.html",
"test": "react-scripts test",
"eject": "react-scripts eject"
}
…
Я читал о других людях, которые испытывают это и что они сделали, чтобы преодолеть проблему.Это то, на что я ссылался до сих пор…
https://www.freecodecamp.org/news/how-to-deploy-a-react-application-to-netlify-363b8a98a985/
https://hugogiraudel.com/2017/05/13/using-create-react-app-on-netlify/
Этот человек использовал Vue, а не React, но я дал этим решениям попыткув любом случае:
https://github.com/vuejs/vuepress/issues/457#issuecomment-390206649
https://github.com/vuejs/vuepress/issues/457#issuecomment-463745656