Как я могу сделать запрос к API профиля? Пользователь был перенаправлен на страницу профиля после входа в систему, и я хочу сделать get запрос к API профиля пользователя.

Я хочу сделать запрос get, чтобы получить данные о пользователе из API профиля, который я создал. API профиля предоставляет подробную информацию о пользователе (имя пользователя, email). Но когда я делаю запрос в react, я продолжаю получать ошибки. Я совсем запутался. Код для страницы входа и страницы профиля показан ниже. А также ошибка из консоли браузера.

СТРАНИЦА ПРОФИЛЯ

import React, {useState, useEffect} from 'react'
import axios from 'axios'

const Profile = () => {

    const url = 'http://127.0.0.1:8000/users/profile/'

    const [profile, setProfile] = useState('')

    useEffect(() => {
        getProfile();
    }, [])


    const getProfile = () => {
        axios.get(`${url}`)
        .then((response) => {
            setProfile(response.data)
        })
    }

    
    

    return (
        
        <div>
            <h2>Profile</h2>
            <p>{profile.username}</p>
           
        </div>
        
    )
}

export default Profile

ERROR [Изображение ошибки из консоли]

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