Слияние кода завершено, страница обновится автоматически
Последняя версия
Проблема, возникающая при переходе маршрутизатора с традиционного маршрутизатора на хэш-маршрутизатор:
router/index.js
const router = createRouter({
// history: createWebHistory(),
history: createWebHashHistory(),
routes
})
Переход приводит к ошибкам маршрутизации в местах, где используется тег a
с атрибутом href
, например, на странице входа в систему кнопки "Забыли пароль" и "Вернуться к входу".
<a-button class="xn-wd" round size="large" href="/login">{{ $t('login.backLogin') }}</a-button>
Решение:
Рекомендуется использовать компонент <router-link to="" />
для перехода между маршрутами. Мое решение без потерь — использовать компонент маршрутизации вместе с кнопкой <a-button type="link" />
из библиотеки Ant Design, что обеспечивает совместимость с традиционным маршрутизатором и хэш-маршрутизатором.
<a-button size="large">
<router-link to="/login">{{ $t('login.backLogin') }}</router-link>
</a-button>