오류페이지가 404로 나오고 html 이상한걸로 나올때 - cloudfront 사용

목차

 

 

증상

 앱에서 회원중복 페이지를 구성했는데 404 에러로 나옴

=> 400에러 뜨면서 회원중복 되었다고 나와야함

 

 

구성 환경

Cloudfront - alb - front - alb - backend 구성이다.

이상있는 페이지는 backend에서 출력한다.

 

 

원인

이전에 react로 spa 구성하여 오류페이지를 index.html 로 cloudfront에서 설정하였다.

front 에서 오류페이지를 전부 처리하다보니 백에서 구성한 오류페이지가 제대로 뜨지 않았던것!

(물론 front 구성과 backend구성으로 나뉘어져 있어야하며 오류페이지 처리를 backend에서 해야한다.)

 

이렇게 설정하면 백엔드 api에서 에러 처리를 못하고 front에서 처리하게 된다.

 

해결방법

백엔드에서 처리하는 에러 코드를 삭제하면된다.

 

400 에러가 제대로 발생하며 에러 메시지가 출력되는 것을 볼 수 있다.

 

백엔드와 프론트 오류페이지 구성을 다르게 하고싶으면 cloudfront 서비스를 분리하여 구성해야한다.

 

 

끝