VScode live server 이슈

팀 프로젝트를 진행 중.. VScode 로 라이브서버로 파일을 여는데 HTML 이 렌더링 되지 않고 다음과 같은 오류가 발생했다.

이상한 것은 완전히 똑같은 코드로 열었는데, 다른 팀원들은 다 잘 열리고 나만 안 열리고 있던 상황.. 이것은 내 쪽에 문제가 있는 게 분명했다...🫥

 

오류 내용

GET https://192.168.45.127:5500/css/main.css net::ERR_SSL_PROTOCOL_ERROR
GET https://192.168.45.127:5500/js/script.js net::ERR_SSL_PROTOCOL_ERROR
GET https://192.168.45.127:5500/favicon.ico net::ERR_SSL_PROTOCOL_ERROR

index.html:38 WebSocket connection to 'wss://192.168.45.127:5500/index.html/ws' failed: 
(anonymous)	@	index.html:38
(anonymous)	@	index.html:47

 

원인

튜터님과 팀원분들의 도움으로 어찌저찌 해결하였는데, 원인은 IP 주소에 있었다. 팀원분들은 라이브서버로 열 때 로컬 서버 IP 주소가 127.0.0.1 인데 나는 192.168.45.127 로 열리고 있었다. GPT 로 알아본 결과 해당 IP 가 로컬호스트를 안 쓰게 되어있다는 것이었다.

원인은 찾았지만 아직 정확히 이해는 가지 않는다. ㅋㅋ 왜 저 IP 주소로 열면 안 됐는지.. 시간 날 때 공부 좀 해야겠다.

 

해결

우선 나는 내 로컬에서 라이브서버를 열 때 127.0.0.1 로 열리도록 설정했고, 문제를 해결했다.

 

• VScode 에서 아래의 설정 파일로 들어가서

 

 

• true 를 false 로 변경