JoeSmith3100
@JoeSmith3100
Начинающий программист C#

Как связать фронт на React и бэкенд на ASP.NET, при условии, что и фронт и бэк представлены как 2 раздельных проекта?

Оба проекта скинуть не могу ибо кода там слишком много, даже если рассматривать каждый по отдельности.
Так вот, что помимо Cors посоветуете почитать, чтобы хотя бы понимать что ты делаешь?

p.s. оба проекта будут висеть на разных локалхостах.
  • Вопрос задан
  • 1348 просмотров
Решения вопроса 1
vabka
@vabka Куратор тега ASP.NET
Токсичный шарпист
Ничего особенного для связи не нужно.
Фронт скорее всего запускается через webpack-dev-server - в него можно через переменные среды прокинуть адрес бэкенда.
На проде фронт будет раздаваться, скорее всего, с nginx, так что никакой параметр прокинуть нельзя, зато можно обращаться к тому же домену, на котором сидит и фронт (делать запросы типа fetch("/api/something")) - и уже на стороне nginx разруливать.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
firedragon
@firedragon
Не джун-мидл-сеньор, а трус-балбес-бывалый.
Сначала по организации

Application - папка репозитория и всех остальных проектов, содержит также Jenkins скрипты и документацию readme.md
Application\Application.Web - net core application project
Application\Application.Web\app - фронтенд
Application\Application.BL - бизнес логика

В принципе можно запускать фронт прямо из бэкенд проекта но это реально долго и не видно ошибок, в общем легче запускать из отдельной консоли.
Бэк правится в 2019 студии, фронт в Visual studio code.
Авторизация через identityserver4 все в одном приложении.
CORS и области конфигурируются через env файлы + дженкинс подменяет строки соединений при сборке.
Ответ написан
Комментировать
Фронт это скорее всего create react app или самописный конфиг webpack
Вебпаку можно прописать конфиг, чтобы проксировать запросы к api в определенную подпапку домена
https://webpack.js.org/configuration/dev-server/#d...
Бек поднимаете отдельно его конфигом
На продакшене нужно будет настроить nginx чтобы он одну подпапку проксировал на поднятое рядом API а остальные запросы направлял на индескный файл фронта
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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