Просто сейчас структура компонентов такая:
Компонент UserDataProvider, path: '/'
В нем идет проверка, если токен есть в локал сторадж и юзера нету в  store, то мы его фетчим.
И все роуты приложения находятся в children у UserDataProvider.

UserDataProvider:
path: '/',
children: [ all routes ]

И мне подсказали делать проверку в этом компоненте, если сервер возвращает ошибку 401, то редиректим на логин страницу, но так будет работать только если юзер перезагрузит страницу, если он ее не перезагрузит, то все данные остануться, но оперировать он ими не сможет

Это понятно, что если место хранения токена будет другое, то надо будет переписывать.
Предлагал еще как только начинали проект, делать проверку в роутере через beforeEach.

В принципе выше ясно и правильно объяснили. Сделай отдельный модуль (сервис) типа AuthService, в котором будет жить логика щалогинить, разлогинить, а залогинен ли, а имеет ли роль итд. Данный сервис уж сам решит где ему что хранить (в сторе, куках, локалсторедж итд). Интеросептор аксиоса-это всего лишь транспорт, завтра ты перейдешь на fetch,... а сервис главный и единый 👍

Привет. емного не потеме. Но не нашёл чатика чисто по js. Кто-нибудь с тильдой работал? Как в блоке html обратиться к форме, например?

я новичок. вопрос: как правильнее всего обратиться к DOM? у меня сейчас querySelector, нашёл информацию через this.$refs.name. Насколько правильный метод? И есть ли аналогии?

не работай руками с домом, только через рефы

то есть, querySelector отпадает в любом случае?

а в чём проблема работать напрямую с домом? не осведомлён

Это что у вас за кейсы, что приходится напрямую работать с домом?

перевожу с хтмл/ксс на вуе, решил попрактиковаться

а точнее на nuxt