Visual Studio Code의 Live Server 오류: 127.0.0.1에서 전송한 데이터가 없습니다.

 

VSCode 내에서 확장 설치 후 사용 가능한 Live Server..

Live Server를 통해서 html 파일을 실행시키자 다음과 같은 오류가 발생했다

 

 

Sol

1. 본인이 사용중인 IP 주소를 확인한다

(Windows 기준)cmd창에서 [ ipconfig ]를 입력하면 본인이 사용중인 IPv4 주소를 확인할 수 있다

 

2-1. VSCode 내 Live Server의 Host 설정을 변경한다

VSCode 내의 확장 탭에서 Live Server를 검색한 뒤, 톱니바퀴 아이콘을 눌러 [ 확장 설정 ] 을 선택한다

 

설정 창 중간쯤의 [ Live Server > Settings: Host ] 에서 Live Server를 돌릴 IP를 설정할 수 있다

기본값 127.0.0.1을 앞의 cmd창에서 확인했던 IPv4 주소로 변경해준다

 

2-2. VSCode 내 Live Server의 Use Local IP 설정을 변경한다

설정 창 맨아래의 [ Use local IP as host ] 항목을 체크해준다. 이 단계는 2-1 과정과 동일한 설정이기 때문에 2-1, 2-2 둘 중 편한 방법을 택하면 된다

 

3. Live Server를 실행한다

아래와 같이 잘 실행되는 것을 확인할 수 있다!