Unable to consume rest API from the same domain

Hi there. I have deployed my react frontend using nginx and my backend django with gunicorn and nginx, however I am unable to consume the API on the api. subdomain. Every time the react page tries to fetch it django spits out 403 forbidden into the terminal with no further explanation, same thing goes for the JS error in the client terminal. However, if I locally open my front page and go to for react) and then try to consume my api the same way by using fetch on my domain with the api subdomain it works. So I am able to consume the api from my local machine’s front page but not using the nginx hosted page…

Thanks in advance for any help.

What information do your gunicorn and nginx logs provide?