Django rest framework и React: TypeError: NetworkError при попытке получить ресурс

Я использую Django rest framework для back-end и react для front-end сайта. Back-end работает нормально в моем приложении Postman и браузере. Однако, когда я получаю данные с помощью react, он выдает следующую ошибку в моей консоли TypeError: NetworkError when attempting to fetch resource. и ничего не отображается на вкладке XHR в Networks.

Вот мой код


export default function Contact() {
  const [contactData, setContactData]=useState({
    'name': '',
    'email': '',
    'phone': '',
    'describe': '',
    'status': '',
  });
  
  const change=(event)=>{
    setContactData({
      ...contactData,
      [event.target.name]: event.target.value
    });
  }
  const submitForm=()=>{
    const contactFormData=new FormData();
    contactFormData.append('name', contactData.name)
    contactFormData.append('email', contactData.email)
    contactFormData.append('phone', contactData.phone)
    contactFormData.append('describe', contactData.describe)
    fetch('http://127.0.0.1:8000/ask/', {
      mode: 'cors',
  method: 'POST',
  headers: {
    "Access-Control-Allow-Origin": "*",
    'Content-Type': 'application/json',
  },
   body: JSON.stringify({
     // your expected POST request payload goes here
        name: contactData.name,
        email: contactData.email,
        phone:contactData.phone,
        describe: contactData.describe
      })
})
  .then(res => res.json())
  .then(data => {
      // enter you logic when the fetch is successful
      setContactData({
        'name': '',
        'email': '',
        'phone': '',
        'describe': '',
        'status': 'success',
      })
    }
  )
  .catch(error => {
  // enter your logic for when there is an error (ex. error toast)
   console.log(error)
  })

вот часть файла settings.py, где я добавил заголовки cors


INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'rest_framework',
    'rest_framework.authtoken',
    "corsheaders",
    'api',

]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    "corsheaders.middleware.CorsMiddleware",
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
CORS_ALLOWED_ORIGINS = [
    "http://localhost:3000",
]
ROOT_URLCONF = 'i_CAMP_API.urls'

Пожалуйста, помогите мне. Мне нужно сделать это как можно скорее. Спасибо!

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