Vue.js-Failed to load resource: сервер ответил статусом 401 (Unauthorized)

В настоящее время я работаю над проектом, который собирает информацию о платежах (например, продукты, которые клиент хочет купить, и сколько стоит этот продукт) и данные клиента (имя клиента, адрес клиента, информация о кредитной карте клиента и т.д.), и мне нужно получить доступ к системе онлайн-платежей Stripe для покупки. Однако, во время пробного запуска, каждый раз, когда я пытаюсь нажать кнопку "Оплатить", я получаю уведомления о том, что что-то пошло не так. Я проверил терминал, и он продолжает показывать эту ошибку:

Failed to load resource: the server responded with a status of 401 (Unauthorized)

Я также использую rest framework Django для разработки бэкенда, и он продолжает отображать следующее

 HTTP 401 Unauthorized
    Allow: POST, OPTIONS
    Content-Type: application/json
    Vary: Accept
    WWW-Authenticate: Token
    
    {
        "detail": "Authentication credentials were not provided."
    }

Вот код, в котором, как я думаю, находится проблема:

Я думаю, что вы установили разрешение API как IsAuthenticated, но вы не установили заголовок аутентификации во фронтенде.

Пожалуйста, добавьте заголовок аутентификации или установите permission_classes как [permissions.AllowAny] в представлении api.

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