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

Question

[Дмитрий Белов]

Всем привет.

Написал 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 не запускался в браузере, а например в консоле ?
   

Структура:

Стартовая папка проекта

app (frontend) (react create app)

server (backend) (visual studio .net core web api)

Заранее всем спасибо.

Answer 1

[Vitaliy]

что бы при команде npm start запускался frontend и backend сразу и на одном порту

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