@sharkdest

Как убрать hash(#) с пути react-router-dom?

Здравствуйте, подскажите, как убрать # с моего пути.
Сейчас так: localhost:3000/#/details/test, а надо - localhost:3000/details/test

<HashRouter>
        <div>
          <Route path="/" exact component={Home} />
          <Route path="/details/:service" component={Service} />
        </div>
</HashRouter>


Так я генерирую ссылки:
...
{servicesList.map((service, index) => (
                <tr
                  onClick={() => {
                    history.push("/details/" + service);
                  }}
                  key={service}
                >
                  <td>{service}</td>
                </tr>
))}
...
  • Вопрос задан
  • 1292 просмотра
Решения вопроса 1
Вы используете компонент HashRouter, поэтому и хэши в адресной строке. Для вашей задачи вам подойдет BrowserRouter
А для ссылок использовать компонент Link
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы