Как настроить локальный сервер для разработки?

Question

[popbus]

Есть бэкенд на Django Rest Framework, к нему начал делать клиентскую часть с помощью React + redux.
Возникли сложности с обращением к api: тестовые сервера Джанго и используемого мной webpack работают на разных портах - проблема с Same Origin Policy.

С помощью гугла понял, что обычно используется что-то вроде такого: nginx в качестве прокси-сервера, за которым находятся gunicorn, отдающий api, и nodejs, отдающий js-приложение. Node и python можно легко настраивать для каждого нового проекта, а как быть с nginx? И вообще, все это выглядит довольно громоздко для тестирования, может есть более подходящие варианты?

Прочитал еще про Vagrant и Docker, стоит с чем-то из них заморачиваться?

Надеюсь, корректно описал проблему, заранее спасибо.

Comments

[sim3x]

И как оно все общается?

Answer 1

[pomeo]

Поставьте webpack dev server и пропишите в нём proxy адрес вашего django, вот и всё.

Comments

[popbus]

Именно такое и искал, ничего более сложного мне сейчас и не нужно. Спасибо.

Answer 2

[Тимур Шемсединов]

Ну Вы сами набрали полное лукошко неизвестных грибов, лучше всего, готовить из грибов одного сорта, который хороше знаете. Если все сделать на ноде, то не понадобится ничего более, даже nginx. Кстати, даже если Вы решите собрать все это (как почти все делают, кстати), то будьте осторожны, не используйте имя localhost для обращения из браузера, с ним будут проблемы Same Origin Policy, используйте 127.0.0.1

Comments

[popbus]

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

Answer 3

[Dimonchik]

с вагрант и докер стоит, это быстрее всего если делать сборные солянки

еще можете настроить кучу Nginx на разных портах, да и все

Answer 4

[Никита Гущин]

Просто настройте CORS в вашем API. Так делается везде и на PHP и на JAVA. Обычно сервер API находится на другой машине (с другим IP).

Гуглите:
stackoverflow.com/questions/17931158/angularjs-dja...
www.django-rest-framework.org/topics/ajax-csrf-cors
https://github.com/tomchristie/django-rest-framewo...