как объединить или интегрировать reactjs и Django

Question

Я создал интерфейс в Reactjs и бэкэнд в Django и связал его с помощью Django rest API. но реакция выполняется в localhost: 3000 и Django в localhost: 8000 . Как объединить или интегрировать эти два и запустить по одному адресу.

Answer 1

Вам необходимо связать их, используя маршруты, созданные в вашем бэкэнде. Поместите маршруты в запросы на выборку в интерфейсе React и вызовите их с помощью методов GET или POST et c. Ваши пользователи получат доступ к адресу хоста внешнего интерфейса только после того, как вы развернете приложение на сервере.

Answer 2

Разработка

Если вы находитесь на стадии разработки и используете Create React App , вы можете добавить "proxy": "http://localhost:8000" к package.json. Затем ваши запросы api, сделанные в React, будут перенаправлены на порт 8000.

Production

Производственная установка совершенно другая. Вы захотите запустить yarn build и позволить самому Django или nginx обслуживать index.html. В этом случае больше не будет нескольких портов, поскольку сборка React - это просто файлы c *.

Я создаю пример реального проекта, поскольку мы говорим с тем же стеком ( GitHub ). У него еще нет готовой производственной установки, но вы можете увидеть мою настройку разработки, если хотите вдохновения.