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:firstname.lastname@example.org/') 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.
CORS_ALLOW_ALL_ORIGINS = True
[03/Feb/2023 22:37:02] "GET /api/payment/Nellemail@example.com/ HTTP/1.1" 302 0
what is going on, and how can i go about fixing this?