Access to xmlhttprequest at 'http://localhost:8000/auth/users/me/' from origin 'http://localhost:3000' has been blocked by CORS policy

See more:

Python

Django

ReactJS

i have an issue while i call get api http://localhost:8000/auth/users/me/(django djoser simplejwt) cors blocked issue is occure.cant get any data and api error is happening.

my react frontend like this

export const fetchUser  = () => {
console.log(localStorage.getItem('token'))
const config = {

    headers: {
        'Authorization': `Bearer ${localStorage.getItem('token')}`,
        "Access-Control-Allow-Origin" : "",
        "Allow": "GET",
        "Content-type": "Application/json",

    
    }
};
debugger

return dispatch => {
    // dispatch(fetchUser());
    // debugger
    axios.get(`${process.env.REACT_APP_API_URL}/auth/users/me/`,config)
        .then(response => {
            dispatch({
                type:USER_SUCCESS ,
                payload: response.data
            });
        })
        .catch(error => {
            dispatch(userFailure(error));
        });
};

and error like this.this only happen when I am using get method

Quote:

Access to XMLHttpRequest at 'http://localhost:8000/auth/users/me/' from origin 'http://localhost:3000' has been blocked by CORS policy: Request header field access-control-allow-origin is not allowed by Access-Control-Allow-Headers in preflight response. xhr.js:177 GET http://localhost:8000/auth/users/me/

my backend is fixed with all cors settings

INSTALLED_APPS = ["'corsheaders',]
MIDDLEWARE = ['corsheaders.middleware.CorsMiddleware',]
CORS_ORIGIN_ALLOW_ALL = True

and also used whitelist allow.

What I have tried:

i used allow extension in chrome for temprarory.