Ошибка Cors или Axios на сервере Django и фронтенд-проекте React

При попытке подключить мой компонент react к серверу django после установки corsheaders и добавления его в установленные приложения в settings.py. Я все еще получаю следующую ошибку:

в goolge chrome: GET http://127.0.0.1:8000/api/teacher/ net::ERR_CONNECTION_REFUSED Не пойманная (в обещании) AxiosError {message: 'Network Error', name: 'AxiosError', code: 'ERR_NETWORK', config: {...}, request: XMLHttpRequest, ...}

В Firefox:

Cross-Origin Request Blocked: Политика одинакового происхождения запрещает чтение удаленного ресурса по адресу http://127.0.0.1:8000/api/teacher/. (Причина: CORS-запрос не удался). Код состояния: (null).

Я уже установил corsheaders и добавил его в свой settings.py вместе с его промежуточным ПО, и поместил разрешенные все cors origins в тот же файл.

Я также установил axios в react и поместил импорт в мой компонент react

Можете ли вы предоставить код файла settings.py

?

Учитывая, что вы запускаете оба сервера локально, есть 2 вещи, в которых вы должны убедиться

  1. вместо python manage.py runserver сделать python manage.py runserver 0.0.0.0:8000

  2. В вашем app.js замените https://127.0.0.1:8000/api на http://<your_ip>:8000/api. Вы можете получить ip-адрес, используя ifconfig

Кроме этого, убедитесь, что какой бы ни был ваш ip-адрес, вы добавили его в 'allowed hosts' в вашем файле settings.py

Вернуться на верх