리액트 package.json에 "proxy": "http://localhost:8089" 를 추가하고
run start를 하면 이런 에러가 뜬다.
Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
- options.allowedHosts[0] should be a non-empty string.
이런 에러가 떴었다.
그래서 기존 프로젝트에서는
여기에 있는 방법대로 setupProxy.js 파일 생성후,
모든 팀원들이 이렇게 썼었다.
근데 다음 프로젝트를 진행하다보니 읭
? 이 문제는 나한테만 나는 문제였던것...
도대체 이유가 뭘까 ㅜ 하루종일 헤맸더랬다.
npm -v
node -v
팀원분들끼리 맞춘적 없는데 공교롭게도 나만 빼고 다들 비슷한 버전을 쓰고 계셔서 다운그레이드, 업그레이드 하고 다시 실행 해봄..안됨..
그러다
I had the same issue, You can add "allowedHosts": "all" after "proxy": "https://yourdomain" in your package.json. hopefully it solves your problem.
update: the problem was with the company VPN. When I disconnect the VPN, it works normally.
우연히 이 글을 보지않았는가?
그리고 나는 핫스팟을 쓸 경우 IP 접속 차단이 걸렸던게 생각이 났다.
나는 유선랜을 사용중이다. (방까지 와이파이가 잘 안터져서 그냥 유선랜 사용중)
그리고 유선랜을 빼버리고 핫스팟을 켜보았다.
....설마 했는데 ㅎㅎ 이게 문제였다
잘된다 ㅜ
그리고 신호약한 와이파이로 해서 켜봤는데
이것도 된다.
문제가 유선랜이라뇨...
와 이 문제는 어떻게 풀어야 해결이 되는거냐
어쨌든 해결.....
원인은 모른채 찜찜하게 해결
참고로 Vue.JS에서는 프록시 설정시 아무런 문제가 없었다.
프론트 IDE는 VSCode를 쓰고 있음.
