[ASP.NET Core] ASP.NET Core API에 ReactJS 배포하기

1. NuGet Package에서 Microsoft.AspNetCore.SpaServices.ReactDevelopmentServer를 찾아 설치합니다.

 

2. Project의 Startup.cs파일에서 다음과 같은 코드를 추가하여 정적 파일 서비스를 등록하고 사용할 수 있도록 설정합니다.

 

--ConfigureServices

services.AddSpaStaticFiles(configuration =>
{
    configuration.RootPath = "ClientApp/build";
});

--Configure

app.UseDefaultFiles();
app.UseStaticFiles();
app.UseSpaStaticFiles();
.
.
.
.
app.UseSpa(spa =>
{
    spa.Options.SourcePath = "ClientApp";

    if (env.IsDevelopment())
    {
        spa.UseReactDevelopmentServer(npmScript: "start");
    }
});

3. 설정에 따라 프로젝트의 Root에 ClientApp/build 폴더를 생성하고 빌드된 ReactJS파일들을 이곳에 생성하도록 합니다.