Как использовать @can для доступа к элементам шаблона VUE?

Question

[jazzus]

В blade настроил права доступа к меню через

@can ('VIEW_MENU')
html меню
@endcan

Переношу шаблон во VUE и @can там не работает. Что делать, куда жаловаться?

Comments

[shmatuan]

Переношу шаблон во VUE

В смысле рендеринг html на сервере переносите на обычный html ?

[jazzus]

shmatuan, я из blade шаблона Laravel переношу во VUE. Там придумана специальная директива @can, которая проверяет есть ли права у пользователя, чтобы видеть кусок html кода (если, конечно прописаны права доступа в AuthServicesProvider)

[shmatuan]

jazzus, Тут не в самом вью проблема, а в том как происходит серверный рендеринг этого html с подключением vue. Проще было бы просто получать права с сервера и во вью смотреть уже, но если нужен именно серверный рендеринг, то это уже NUXT

[jazzus]

Честно говоря в рендерингах вообще ничего не понимаю)) Я только изучаю это все. Глубоко туда лезть пока не очень хочется (с этим бы разобраться). У меня права на сервере сейчас ограничиваются (в контроллерах и роутах Ларавель). Мне бы кое-какие менюшки и кнопочки скрыть. Думал, что есть какое-то простое красивое решение, т.к. laravel и vue вроде как дружат. Пока вижу один вариант – проверять права на сервере, записывать код права в переменную, а потом дополнительно проверять v-if во VUE

Answer 1

[Aset]

Возвращать из backend @can на vue.js. Дальше в vue.js рендерит по условии backend.
https://laravel.com/docs/5.7/authorization#authori...

С роутингом можно так
https://router.vuejs.org/ru/guide/advanced/navigat...

Comments

[jazzus]

С роутингом вью пытался раньше разобраться - не вышло. Хотя он мне не особо и нужен был. А что касается первого варианта с ларавелей - это же фактическое ограничение прав? Фактически я права в контроллерах и роутах ограничиваю, мне бы еще из шаблонов ненужное скрыть

[Aset]

jazzus, Can это не ограничение прав а просто проверка в бакенде.

При заходе в роут вы должны получить права из backend передать на view.

[jazzus]

При заходе в роут вы должны получить права из backend передать на view.

Т.е. в переменную во VUE записываем код права доступа и через v-if проверяем? Типа:

<span v-if="prava='CAN_VIEW_MENU'">
меню
</span>

Так? А в контроллере в ларавеле этот код передаем после проверки.