[React] Invaild host Header 오류 발생

---

[React] Invaild host Header 오류 발생

React 로컬 실행 Error

---

npm run start

 

---

Invaild host Header

로컬 실행 시 기본 세팅이 로컬에서의 접속은 허용하지만 외부에서의 접속을 허용하지 않아서 발생하였습니다.

해결방법

아래 경로에 진입하여 disableFirewall 에 따른 분기값을 수정해줍니다.

 

node_modules/react-scripts/config/webpackDevServer.config.js

//before (주석부분은 삭제하였습니다)
const disableFirewall =
	!proxy || process.env.DANGEROUSLY_DISABLE_HOST_CHECK === 'true';
	return {
		allowedHosts: disableFirewall ? 'all' : [allowedHost],
        
//after 1 (주석부분은 삭제하였습니다)
const disableFirewall = true;
	return {
		allowedHosts: disableFirewall ? 'all' : [allowedHost],
        
//after 2 (주석부분은 삭제하였습니다)
	return {
		allowedHosts: 'all',