Как запустить react app вместе .net core web api на одном порту?

Всем привет.

Написал frontend при помощи react create app, отдельно backend при помощи visual studio .net core web api.

Что бы запустить проект мне нужно отдельно запустить frontend, он запускается по адресу http://localhost:3000, а потом backend он же запускается по адресу localhost:3201/api/values (при этом открывается браузер по этому адресу) и что бы получить данные мне нужно вставлять адрес localhost:3201/api/values.

Вопросы вот в чем:
  1. Можно ли как то на шаманить, что бы при команде npm start запускался frontend и backend сразу и на одном порту, что бы из frontend-а я мог обращаться к api по адресу localhost:3000/api/values ?
  2. И что бы backend не запускался в браузере, а например в консоле ?


Структура:
Стартовая папка проекта
5ce14ead2f39c566564416.png
app (frontend) (react create app)
5ce14ed2b4adc031549565.png
server (backend) (visual studio .net core web api)
5ce14f0df072b293070576.png


Заранее всем спасибо.
  • Вопрос задан
  • 508 просмотров
Решения вопроса 1
Ni55aN
@Ni55aN
что бы при команде npm start запускался frontend и backend сразу и на одном порту


Несколько процессов не могут слушать один и тот же порт. Вам необходимо, чтобы то, что отдает фрнтенд (webpack-dev-server при разработке или nginx на продакшене), проксировало запросы по пути /api на другой порт (процессу с сервером)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы