вход в систему с использованием Django и учетных данных Angular error не предоставляется

Question

Я пытаюсь создать базовое приложение для входа в систему, используя бэкэнд Django и Angular, как передний, когда я использую компонент входа в систему и записываю правильное имя пользователя и пароль в форме, а затем перенаправляю на другой компонент sendme, эта ошибка,

Важно: логин дает мне токен, но затем после логина и перенаправления на другой компонент ошибка

ошибка Учетные данные аутентификации

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

REST_FRAMEWORK = {
 'DEFAULT_PERMISSION_CLASSES': (
        'rest_framework.permissions.IsAuthenticated', 'rest_framework.permissions.IsAdminUser',
    ),

    'DEFAULT_AUTHENTICATION_CLASSES': [
       'rest_framework_jwt.authentication.JSONWebTokenAuthentication',
        'rest_framework.authentication.SessionAuthentication',
        'rest_framework.authentication.BasicAuthentication',
    ],
      'NON_FIELD_ERRORS_KEY': 'global',
}

url .py

        path('auth/login/', obtain_jwt_token),
    path('auth/refresh-token/', refresh_jwt_token),

login component.ts и .html

constructor(
  private authService: AuthService,
  private router: Router,
) { }
login(username: string, password: string) {
  this.authService.login(username, password).subscribe(
    success => this.router.navigate(['categorias']),
    error =>         alert('Error al Conectar Datos ')
  );
}


<input class="form-control form-control-sm" #username type='text' placeholder='username'>
<input class="form-control form-control-sm" #password type='password' placeholder='password'>
<button class="btn btn-primary" (click)="login(username.value, password.value)">login</button>