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'
Пожалуйста, помогите мне. Мне нужно сделать это как можно скорее. Спасибо!