ReactJS - многостраничное приложение не работает после сборки для производства - PullRequest
Новая
       17

ReactJS - многостраничное приложение не работает после сборки для производства

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

У меня есть многостраничное приложение, которое я пытаюсь разместить на GoDaddy.После запуска npm build я загружаю файлы в GoDaddy согласно их инструкциям и могу без проблем просматривать мою домашнюю страницу.Когда я пытаюсь перейти на другую страницу, такую ​​как страница about, я получаю сообщение об ошибке 404.

Я искал, и решения, которые я пытался, не работали.Я попытался добавить "homepage": "http://www.kashy.com.au/", к своему package.json.Я также пытался играть с маршрутами.(Добавление URL для сайта в путь).

Я новичок в React и поэтому не совсем понимаю, как работают маршруты.Может ли кто-нибудь указать мне правильное направление для решения этой проблемы?

1 Ответ

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

Вам нужно перенаправить все URL-адреса на ваш сайт на Godaddy, чтобы они указывали на домашнюю страницу / индекс, поскольку маршрутизация обрабатывается вашим клиентом / приложением реакции.

Создайте файл .htaccess, чтобы перенаправить все запросы на индекс.html.

Пример 

RewriteBase /
RewriteRule ^index\.html$ - [L]
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

Шаги

  • В вашем файловом менеджере cpanel перейдите в корневую папку вашего сайта (т. е. public_html).
  • Создайте (точка) файл htaccess, щелкнув в верхнем левом меню
  • Щелкните правой кнопкой мыши файл и отредактируйте, а затем вставьте
  • Сохранить
...