Nuxt.js: переходы между страницами
В моем nuxt.config.js я добавил loading: '~/components/LoadingBar.vue'.
После развертывания сайта мой пользовательский переход страницы работает, но только тогда, когда первая посещенная страница отличается от страницы home.
Например, если вы перейдете по этой ссылке и перейдете оттуда к /About или /Portfolio, вы увидите мой собственный переход (эффект размытия + кружок загрузки).
Теперь нажмите на логотип (мое имя над пунктом меню «Главная»): мой пользовательский переход страницы необъяснимым образом сбрасывается на переход страницы Nuxt по умолчанию с белой полосой загрузки в самом верху страницы.
Не уверен, что это известная ошибка с Nuxt.js, я не могу придумать ничего в своем коде, что могло бы вызвать что-то подобное. Как это исправить?
Ответы 1
Страница перезагружается после нажатия на логотип,
похоже, вы используете простую ссылку <a> вместо <nuxt-link>.
Установите такое имя для своего домашнего маршрута в router.js
{
name: 'home',
path: '/',
component: Index
}
тогда <nuxt-link :to = "{ name: 'home' }">logo</nuxt-link>