브라우저 접근 허용하기

브라우저가 서버에 접근하기 위해서는 CORS라는 헤더를 통해 해당 브라우저의 접근이 허용되어야 합니다. CORS 헤더를 추가하는 방법을 볼까요?

브라우저 접근 실패

구현하기

서비스 추가

Program.cs 파일에 아래 서비스를 추가합니다. 

builder.Services.AddCors(opt => {
  opt.AddPolicy("Cors", policy => {
    policy.AllowAnyHeader().AllowAnyMethod().WithOrigins("frontAddress");
  });
});

미들웨어 추가

Program.cs 파일 'app.UseAuthorization();' 위에 설정한 서비스를 사용하는 미들웨어를 등록합니다

app.UseCors("Cors");

실행

작업이 완료되면 API 폴더로 이동하여

cd /API

아래 명령어로 앱을 실행합니다.

dotnet watch

허용된 브라우저에 반환된 정보

이상으로 브라우저가 서버에 접근하기 위해 CORS를 추가하는 방법을 보았습니다.

---

참고

Enable Cross-Origin Requests (CORS) in ASP.NET Core | Microsoft Learn

Enable Cross-Origin Requests (CORS) in ASP.NET Core