0

Использую react-router и есть примерно вот такой код:

ReactDOM.render(
  <Router history={hashHistory}>
    <Route path="/" component={Contents}>
      <IndexRoute component={MainContent}/>
      <Route path=":id" component={MoreItemSite} />
    </Route>
  </Router>
  , document.getElementById('app')
);

На сервере все работает хорошо. Все рендериться без перезагрузки страницы. Но из hashHistory адрес получается некрасивым. Заменил hashHistory на browserHistory и прописал следующие в .htaccess:

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

С такими настройками переход по ссылкам и адрес выглядит нормально, страница при этом перезагружается. Как можно исправить эту проблему с использованием browserHistory?

1 ответ 1

0

Как оказалось лучше использовать конструкцию

<Link to="#"></Link>

Вместо обычных ссылок

<a href="#"></a>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.