Путь к перенаправленной странице My React bootstrap не работает после обновления в режиме реального времени

Question

В этом URL вы можете увидеть эту проблему: http://qconstruct.in/contact

Это кодовая ссылка из песочницы кода: https://codesandbox.io/s/upbeat-hypatia-3pre9 Кажется, выход работает хорошо в песочнице кода. Но мой размещенный сайт не работает после обновления других перенаправленных страниц

Я использую React Router Bootstrap

import { BrowserRouter as Router, Route, Switch  } from "react-router-dom";
import { LinkContainer } from 'react-router-bootstrap';
import { Navbar, Nav, NavItem } from 'react-bootstrap';

Answer 1

Эта проблема на стороне сервера.

Ссылка по этой ссылке: https://tylermcginnis.com/react-router-cannot-get-url-refresh/

У меня был сервер appache на моем хостинге, поэтому я добавил следующий код в " .htaccess". "файл, который был в root пути моего сайта.

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

Это работает !. Спасибо всем за помощь.

Answer 2

попробуйте добавить .htaccess файл в root вашей сборки

<IfModule mod_rewrite.c>

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

</IfModule>