Непойманная (в обещании) ошибка: Сетевая ошибка - Django и React

Я пытаюсь сделать запрос axios get к бэкенду, построенному с использованием DRF. Я получаю следующую ошибку, и данные не загружаются.


import React, { useState, useEffect } from 'react'
import Service from '../components/Service'
import axios from 'axios'

const ServicesScreen = () => {

    const [services, setServices] = useState([])
    const [loading, setLoading] = useState(true)


    useEffect(() => {

        const getData = async () => {
            const { data } = await axios.get(`http://127.0.0.1:8000/api/services/`)
            setServices(data)
            setLoading(false)


        }

        getData()


    }, [])

    console.log(services)


    return (
        <div>
            <Service header='Header' title='Carpenter' text='Text' />
        </div>
    )
}

export default ServicesScreen

Я установил разрешения на бэкенде в настройках django.

enter image description here

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