Invalid host header 에러 발생 하는 이유?

React : Invalid host header

proxy 설정을 들여다 봐야 한다. 예를들어 React가 Frontend 상황일때 Frontend에 Backend를 바라보는 URL을 넣어줘야 한다. 이 URL을 .env 파일을 따로 생성하여 URL을 지정 할 수도 있고, app.js 파일 등에 proxy 설정을 하여 Backend와 통신을 할 수 있도록 통로를 만든다.

 

하지만, Frontend에서 Backend URL을 찾지 못하거나 잘못 설정되어 있거나 중복으로 설정 되어 있을시에도 아래와 같이 

Invalid host header 오류가 발생 할 수 있다.

결국에는 프론트엔드에 백엔드 URL을 호출하기 못하여 통신이 어려울때 위와 같이 Invalid host header 오류가 발생한다.

예를들어 http:backend dns address:8888 이런식으로 지정을 해줘야 한다.

참고하자!