Axios выдает 401 (Unauthorized). Я пытаюсь получить данные пользователя через react frontend, переданные в DRF Social Oauth2. То же самое работает на POSTMAN

Ниже приведены два файла LoginScreen.JS, в котором есть обработчик submit, отправляющий вводимые данные. Здесь мы импортируем экземпляр axios из login.JS. Я также прикрепил тот же рабочий пример из PostMan.

login.js


const baseURL='http://127.0.0.1:8000/';

const axiosInstance = axios.create({
    baseURL: baseURL,
    timeout: 5000,
    headers: {
        'Content-Type': 'application/json',
        accept: 'application/json'
    },
    
});

export default axiosInstance 

LoginScreen.js

const submitHandler = (e) => {
        e.preventDefault()
        
        axiosInstance
            .post(`auth/token/`,{
             username: email,
             password: password,
             grant_type: 'password',
             client_id: 'Vqvt1yp2HahF8KgwOS3BrWaCUX8ViDGCrn3VfJkz',
             client_secret: 'Vqvt1yp2HahF8KgwOS3BrWaCUX8ViDGCrn3VfJkz'
            })
            .then((res) => {
                localStorage.setItem('access_token', res.data.access);
                localStorage.setItem('refresh_token', res.data.refresh);
            });
    };

Console Error Working on Postman

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