"options.allowedHosts[0] должен быть непустой строкой." при использовании PROXY с REACT и Django в качестве бэкенда в LOCALHOST

я столкнулся с ошибкой при попытке использовать прокси в package.json на react app и подключиться к django backend api на локальном хосте, но когда я попытался npm start я получил эту ошибку:

Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
 - options.allowedHosts[0] should be a non-empty string.

я попробовал все эти шаги, как показано ниже и ничего не получилось, помогите пожалуйста.

1- Я пытался установить HOST в файле .env значение http://127.0.0.1:8000, но это не сработало!

2- Я пробовал:

"proxy": "http://django:8000",

ничего не изменилось!!!

Тогда я нашел обходной путь, используя http-proxy-middleware из: https://sunkanmi.hashnode.dev/how-to-setup-proxy-in-react-with-http-proxy-middleware

но я не ищу обходной путь!!!

Мой package.json выглядит следующим образом

{
  "name": "frontend",
  "version": "0.1.0",
  "proxy": "http://127.0.0.1:8000",
  "private": true,
  "dependencies": {

3- я также пробовал:

"proxy": "http://127.0.0.1:8000",
"allowedHosts": [
    "127.0.0.1"
  ],
"private":true,

не работает!!!

4- я попробовал изменить http://127.0.0.1:8000 на http://localhost:8000 не помогло!

5- я пробовал изменить разрешенный хост в django seetings.py на ['*'] и ['http://127.0.0.1:8000', 'http://localhost:8000'] не помогло !

6- я пробовал менять

CORS_ALLOW_ALL_ORIGINS

на True, а затем изменить его на

CORS_ALLOWed_ORIGINS = [
    
    'http://localhost:3000'
]

не работает!!!

После некоторого поиска и изменения некоторых вещей я выяснил, что когда вы хотите использовать прокси в приложении react, если вы подключены к vpn, вы должны отключиться от него, чтобы запустить сервер react :)

simplest things can take a lots of time from you in this job
Вернуться на верх