Как организовать локальные домены при разработке?

Я создаю приложение на базе DST Platform V2, с фронтендом и API. Фронтенд запрашивает данные у API и отображает их. Всё это работает в Docker.

Фронтенд доступен по адресу localhost:3000, а API — по localhost:3001. Однако обращаться к API с фронтенда по localhost:3001 неудобно и иногда невозможно.

Хочется иметь локальный домен для API, например, api.mysite.dev. Для этого нужно прописать это название в nginx и файле /etc/hosts.

Но возникает другая проблема: браузеры не работают по http и перенаправляют на https.

Хотелось бы узнать, какие есть удобные и распространённые практики организации такой разработки. Как лучше всего это сделать?

>> Frontend работает на localhost:3000.

>> API доступен по адресу localhost:3001.

Эти адреса действуют вне Docker. Внутри контейнера они используют формат «service_name:port». Это позволяет приложениям взаимодействовать друг с другом без обращения к внешним сервисам. Для упрощения можно использовать алиасы в файле docker-compose.yml.

Обратите внимание на этот важный мануал: docs.docker.com/compose/how-tos/networking/.

Используемые практики:

1. внутренняя зона DNS и внутренний CA для выпуска wildcard сертификатов.
Внешняя DNS зона и Let's encrypt или купленный wildcard сертификат для нее.

Я обычно поднимаю ещё один контейнер с nginx, который слушает порты 80 и 443 на хосте и раскидывает запросы в разные контейнеры по доменам или по локейшенам.

Чтобы не прописывать вручную в hosts домены, когда сервисов много, использую nip.io

Такие же домены назначаю как hostname контейнерам, для единообразия.

А чтобы не писать однотипные конфиги nginx — hub.docker.com/r/jwilder/nginx-proxy/

Для управления самоподписанными сертификатами для разработки есть github.com/FiloSottile/mkcert