CORS Policy Error with Specific Data in React and Django Application

[Mahira]

CORS Policy Error with Specific Data in React and Django Application

I'm experiencing an issue with CORS policy in my React frontend and Django backend application. The error message I'm receiving is:

Access to fetch at backend URL' from origin 'frontend URL' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

I have configured all the CORS Configuration in settings.py

MIDDLEWARE = [

'corsheaders.middleware.CorsMiddleware',
'django.middleware.security.SecurityMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
'whitenoise.middleware.WhiteNoiseMiddleware',

]

CORS_ORIGIN_ALLOW_ALL = True

CORS_ALLOW_METHODS = ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'OPTIONS']

CORS_ALLOW_HEADERS = [

'accept',
'accept-encoding',
'authorization',
'content-type',
'dnt',
'origin',
'user-agent',
'x-csrftoken',
'x-requested-with',

]
Installed apps also 'corsheader' is added

The problem is i am getting this issue for only one data not for all data

[Jacob Walls]

Hi. Your report doesn't provide enough information to suggest that Django is at fault. You may find it more advantageous to consult support channels as a first avenue.

[Mahira]

I am getting CORS Issue even after i configured cors-header lib its happening for Some Specific Data not for all the Data

For Example if I have edit/1 -> Data id i can able to edit i am getting 200 Status

IF I am editing edit/2 -> its throwing CORS Issue in console and its given 403 Status what might be the issue