Django + VueJS с несколькими типами пользователей

У меня возникла проблема в Vue.js с обработкой нескольких пользователей. До перехода на эту интеграцию моя предыдущая аутентификация использовала миксины для обработки привилегий для каждого пользователя. Теперь я хочу использовать Vue в качестве фронтенда, но не знаю, как его интегрировать. Я использую следующие роли пользователей:

#models.py

class User(AbstractUser):
is_secretary = models.BooleanField(default=False)
is_staff = models.BooleanField(default=False)  
is_superuser = models.BooleanField(default=False)
contact_number = models.CharField(max_length=20, blank=True, null=True)
REQUIRED_FIELDS = []

def user_type(self):
    if self.is_superuser:
        return "Superuser"
    elif self.is_secretary:
        return "Secretary"
    elif self.is_staff:
        return "Staff"
    else:
        return "User"

def __str__(self):
    return f"{self.first_name} {self.last_name} ({self.user_type()})"
 

Я использую сериализаторы для управления пользовательскими данными.

Как я должен справиться с этим в Vue.js? Любые советы или примеры будут оценены по достоинству.

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

Вернуться на верх