how to resolve error of Access to external web links been blocked by CORS policy.

How do i resolve this issue that i am getting when trying to send a request to an endpoint that would then redirect to a payment popup page.
THis is the full error that i am getting

Access to XMLHttpRequest at 'https://ravemodal-
dev.herokuapp.com/v3/hosted/pay/6f77ffaf62ea8eb1c3a5' (redirected from 
'http://127.0.0.1:8000/api/payment/sam/152.00/desphixs@gmail.com/') from origin 
'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header 
is present on the requested resource.

and this also

GET https://ravemodal-dev.herokuapp.com/v3/hosted/pay/6f77ffaf62ea8eb1c3a5 net::ERR_FAILED 200 (OK)

NOTE: i have CORS header Configured in my backend application as that is what have been allowing me to send request to the backend api.

Django Settings.py

CORS_ALLOW_ALL_ORIGINS = True

Django Traceback

[03/Feb/2023 22:37:02] "GET /api/payment/Nell/152.00/jopimo@mailinator.com/ HTTP/1.1" 302 0

what is going on, and how can i go about fixing this?