CORS issue with Django and React hosted on same server CORS issue with Django and React hosted on same server nginx nginx

CORS issue with Django and React hosted on same server


We've been exchanging comments; here's my current understanding:

PROBLEM: You have have a Django back-end API (on port 8080) and a React Front end (on port 8000). Both are currently running on localhost, but will ultimately reside on DigitalOcean. The React client is getting Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8000/api/v1/token-auth/. (Reason: CORS request did not succeed).

You need to configure CORS.

The request headers in the HTTP traffic you've captured clearly shows this isn't happening yet.

Some relevant links include:

SUGGESTED NEXT STEP:

If you haven't already, please install and configure django-cors-headers