Каким образом можно ограничить доступ геттерам и экшенам группам пользователей в Vue?

Question

[Алексей Скляров]

В laravel+vue проекте используется JWT-авторизация websanova/vue-auth. После авторизации в хранилище хранится информация о пользователе. В нем находится поле role, которое имеет два значения: admin или member. В некоторых компонентах Vue у меня выводится информация только если role == admin. Из-за недостатка понимания работы хранилища возникает вопрос, если у меня есть геттер для получения списка инвайтов, как его правильно защитить от доступа обычным пользователем? В теле геттера просто писать проверку про соответствие роли? Или есть более правильные варианты

Answer 1

[nvdfxx]

Может лучше загружать список инвайтов по api, если role==admin, иначе оставлять его null? Зачем загружать его всегда, а потом переживать за безопасность?

Comments

[Алексей Скляров]

То есть делать проверку на самом сервере? Это тоже можно. Тогда выходит просто делать ту же проверку в самом экшене, и проверку на сервере? Интересует именно правильное решение задачи, чтобы в будущем не тянуть один косяк за другим.

[Алексей Ярков]

Алексей Скляров,

То есть делать проверку на самом сервере? Это тоже можно.

Не можно, а нужно. По возможности надо с бэкенда отдавать ТОЛЬКО те данные, которые положено видеть текущей роли юзера.