не перед каждым преходом делать запрос к серверу а получать уже из стора.

при переходе просто обновлять нужную информацию в строе

а информацию всегда брать из стора

разве не?

тогда на каждый переход дополнительный запрос к серверу

+ правильней проверять доступ пользователя к ресурсу перед переходом

тогда на каждый переход дополнительный запрос к серверу

а вдруг тебе бан дали на сервере, а стор этого не знает))

в моем случае не страшно все на бэке будет проверка всех пользовательских запросов ну и при след авторизации пользователя просто не пустит

сейчас главый вопрос как не отдать стрнаицу не авторизованному пользоватлю

при хождении по сайту проблем нет но вот при первом образнеии к страницы всплывают проблемы

Какие проблемы то? чекаешь токен в beforeEach роутера, если сдох - редирект на авторизацию

ну или какие тебе хуки там нужны, https://router.vuejs.org/ru/guide/advanced/navigation-guards.html#%D0%B3n%D0%BE%D0%B1%D0%B0n%D1%8C%D0%BD%D1%8B%D0%B5-%D1%85%D1%83%D0%BA%D0%B8 все написано четко и полно

пока next() не вызовешь, роут висит

Какие проблемы то? чекаешь токен в beforeEach роутера, если сдох - редирект на авторизацию

На бэке ларавель, используется стандратная авторизация не api и при монтировании обращение к серверу для получения данных пользователя (его роли) и в зависисмости от того авторизовн ли пользователь и какая у него роль различные доступы

https://yadi.sk/i/PQQprBuLspbIow

при первом обращении в сторе ни чего нет

как сервер отвечает в сторе пишется данные

В next проблема программно нельзя вызвать какой нибудь редирект на несуществующий роут, иначе зависнет все Я сейчас примерно с той же проблемой борюсь, пытаюсь сделать middleware для /admin

вот у меня middleware для 3х ролей пользователей

Т.к есть сама App и есть AdminAPp, соответственно это разные бандлы у них разные файлы роутов, используя jwt токены в ларавел. А так как не юзается session авторизации с этим проблемы пока , решения пока не нашел)

Можно конечно заюзать в beforeEach next({path: 'path'}) но это тебя перекинет внутри твоих роутов внутри admin

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

а нужно выкинуть допустим на Главную, конечно можно использовать document.location, но уже выглядит как костыль

this.$parent вроде

честно давно не занимался таким)

this.$parent вроде

это плохо

у меня обычный input, у которго изначально есть value, меняет background канваса. я уже даже все привязки удалил из этого инпута и он всё равно это делает. в чём может быть проблема?

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

пропсы

this.$parent вроде

спасибо, попробую

Да это плохо, поэтому и говорю что давно таким не занимаюсь)

пропсы

а в пропсах разве можно метод передавать?

Что угодно можешь туда пихать)

Что угодно можешь туда пихать)

отлично! спасибо, сейчас попробую! ?

А вообще у тебя не должно быть такой ситуации когда нужно вызвать метод из дочернего, вероятно ты где то накосячил

А вообще у тебя не должно быть такой ситуации когда нужно вызвать метод из дочернего, вероятно ты где то накосячил

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

vuex, props, event-bus

документация все случаи описывает

вот возможные типы пропсов

String Number Boolean Array Object Date Function Symbol

и просто props

и смотришь подробную доку, очень удобно

vuex, props, event-bus

большое спасибо!

На бэке ларавель, используется стандратная авторизация не api и при монтировании обращение к серверу для получения данных пользователя (его роли) и в зависисмости от того авторизовн ли пользователь и какая у него роль различные доступы

Нафига тебе тогда SPA? ты уже идешь по пути костылей. Если у тебя нет api для проверки авторизации

Погоди, что значит используется стандартная авторизация?)

Нафига тебе тогда SPA? ты уже идешь по пути костылей. Если у тебя нет api для проверки авторизации

проверка авторизации есть, только не с помощью токенов.

куки

клеймы

Ну с помощью кук, какая разница)

Чекни авторизацию любым запросом при монтировании приложения. Можешь вообще до монтирования чекать

Стоп

я вчера с этим возился

Чекни авторизацию любым запросом при монтировании приложения. Можешь вообще до монтирования чекать

вот это и стараюсь

как перед монтированием чекнуть?

+1

Да как угодно) хоть перед маунтом вью

Ну прикол в том что авторизован я или нет надо хранить в сторе

в created() я полагаю)

да куча вариантов

да куча вариантов

https://yadi.sk/i/Agf7v9emAmXkxA

но вот только при пером обращении к странице меня определяет как не авторизованого

а вот потом данные загружены

и при хождении по страницам все номр

ну да, ты сперва монтируешь приложение. потом чекаешь авторизацию

Народ хэлп всю голову сломал Проект компилиттся как либа (vue-cli-service build —target lib) - в нем куча компонентов в него надо вкарячит sass модулем (import 'assets/sass/theme.sass') оно вроде как вкарячилось НО vue.config.js у меня по умолчанию и классы на выходе именуются { loader: 'css-loader', options: { sourceMap: false, importLoaders: 2, modules: true, localIdentName: '[name]_[local]_[hash:base64:5]' } }, а мне надо localIdentName: [local] потому что в шаблонах с живым html за пределами вуе преложения они юзаются как это заставить работать как я хочу?

ERROR: S client not available

вроде можно beforeMount сделать асинхронным

ну да, ты сперва монтируешь приложение. потом чекаешь авторизацию

тогда как правильней ?

вернуть промис

может вру, щас проверю

так у тебя в чем проблема ? сначала контент неавторизованного , а потом авторизованный?

так у тебя в чем проблема ? сначала контент неавторизованного , а потом авторизованный?

при первом обращении к странице, не получены данные с сервера о пользователе (в том числе авторизован он или нет)

Так это понятно,если ты нигде юзера не хранишь. LocalStorage впомощь)

Авторизовал поместил в локалку

а потом что то типо такого

уаааа

Так это понятно,если ты нигде юзера не хранишь. LocalStorage впомощь)

храню как раз таки в vuex

он про локал сторейдж

в браузере

нахер это локал стораге

Так это понятно,если ты нигде юзера не хранишь. LocalStorage впомощь)

ага, супер сейф вариант)

А у тебя вариантов больше нету по сути

полно)

есть

https://yadi.sk/i/Agf7v9emAmXkxA

скинь этот код не скрином

https://yadi.sk/i/Y_X9Qzu4xXPuEg

Я не нашел) высслушаю)

в личку можешь, скину вариант

Я вчера так сделал, при переходе по роуту вызывается функция которая смотртит тебе в стор: state: isAuth, и если значение null ток делает запрос на сервер и узнает авторизован или нет и сохраняет в стор, а если в сторе isAuth тру или фалсе то уже соответствующее действие делаешь

если нулл то при запросе на сервер за данными авторизации в .then(res => я делаю next() если авторизован или next(/login) если нет

вот 1 из способов

function initApp() { axios.get('/auth') .then(response => { store.commit('getAuth', response.data.user); new Vue({ store, router, render: h => h(App), }).$mount('#app'); }) .catch(... редиректи, или что хочешь делай) } initApp();

аа а ну окей)

function initApp() { axios.get('/auth') .then(response => { store.commit('getAuth', response.data.user); new Vue({ store, router, render: h => h(App), }).$mount('#app'); }) .catch(... редиректи, или что хочешь делай) } initApp();

Спасибо, опробую

function initApp() { axios.get('/auth') .then(response => { store.commit('getAuth', response.data.user); new Vue({ store, router, render: h => h(App), }).$mount('#app'); }) .catch(... редиректи, или что хочешь делай) } initApp();

Вообще нормальная практика в SPA пускать, только если все ок с авторизацией, иначе редиректить на авторизацию. Я не соединяю эти две страницы

я соеденил