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 that you have read and understand our privacy policy and code of conduct.

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