Bien, entonces: estoy ejecutando una instancia de LightSail en www.gethatext.com .

• FrontEnd - Reaccionar, BackEnd - Django

En la página de inicio, estoy haciendo 2 solicitudes de obtención al servidor Django.

Es importante decir que tanto Django como React se sirven en el servidor apache.

• Archivo .conf de apache (http y https)

  ProxyPass /api http://localhost:8000. #Django.
  ProxyPassReverse /api http://localhost:8000 # Django.
  ProxyPass / http://localhost:3000/. # Reaccionar.
  ProxyPassReverse / http://localhost:3000/. #Reaccionar.

Así que investigué y leí que necesito agregar lo siguiente al archivo .conf en <Directory>, <Location> or <VirtualHost> . y así lo hice (y reinicié todos los servicios de origen).

 <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule>

PERO no ayudó.

Pero cuando realizo la misma solicitud de POSTMAN en mi computadora, obtengo la respuesta esperada (después de ejecutar desde el terminal de instancia python manage.py runserver 0.0.0.0:8000 )

También agregué https://cors-anywhere.herokuapp.com a mi solicitud
Así que parecía:

 axois.get("https://cors-anywhere.herokuapp.com/https://gethatext.com/api/account/quantity/")....

y sorprendentemente FUNCIONÓ. .
Pero no se siente como una buena práctica y también en términos de privacidad de datos .

Así que me pregunto cuál es el problema aquí.

¿Está relacionado con eso, que Django y React se sirven en el mismo servicio de apache?

También agregue al encabezado axois:

• "Acceso-Control-Permitir-Origen": "*"

Pero sin suerte

Error de la consola del navegador:

Saludos chicos y gracias por adelantado.