😂😂😂😂😂😂

Привет! Мне нужно закрыть доступ к сайту.

Допустим, если isAuth, то показать сайт, если false -- тогда показать страницу входа. Как во vuejs принято закрывать доступ?

Пока что придумал сделать в App.vue два блока: блок авторизации и сам сайт, которые будут отображаться в зависимости от v-if="isAuth". Но что-то подсказывает мне, что это не оптимальный способ. Ведь в клиентском коде все равно будут оба блока? Я бы не хотел отдавать меню, например, неавторизованным пользователям, даже если оно не будет рендериться в браузере.

Спасибо, сегодня что-то такое попробую

Можно сделать через router, если он есть в проекте https://router.vuejs.org/ru/guide/advanced/meta.html.
v-if не будет в коде, отображаться будет только v-show, т.к. реализуется через через display: none;

Спасибо за отклик! Я наверное не с того начал.

У меня есть router в проекте, имеются guards, которые при отсутствии авторизации перенаправляют на страницу логина. Но сам шаблон логина сейчас как бы наследуется от основного шаблона, с сайдбаром и шапкой. Я же хочу, чтобы на странице логина не было ничего кроме формы.

Поэтому пока пришел к тому, чтобы делать два блока и отображать их в зависимости от авторизации.

Может спят?) не подумал?

А я думал киборги не спят

Ну может на зарядке)

Хд

А не проще сделать 2 билда для аутх и нет и подключать по надобности? Или у тебя спа и авторизация без рефреша?

А что означает "2 билда для аутх"? У меня SPA и пока без рефреша, но я планирую его реализовать позже

Аа, для auth, понял. Но не понял как их подключать. Не подскажете?

ну и вообще как это — два билда...

2 джэс файла, для авторизированных свой отдельный с меню и блекджеком

Вооще-то делаешь 3 файла, один общий для тех и тех, второй только для авторизированных, третий для не авторизированных

Соответственно, без дубляжа кода)
Для тех кто аутх даёшь свой айди в блоке и там выполняешь магию с регистрацией вуя и компонентов (сам вуй в первом файле)

В хтмл подключаешь все 3 файла, а когда будет у тебя рефреш - разделишь чем-то, чтоб грузился 1-й файл и какой-то из 2 или 3, в зависимости авторизован юзер или нет

При чем, сама форма логина/реги всовывай в файл для не аутх) сэкономив тем самым время загрузки

Я isAuth получаю из store. Если у меня будут разные инстансы Vue, разве я смогу сохранять доступ к хранилищу vuex ?

Нет, насколько я знаю