[Vue] 개발서버 IP로 접근하기 (feat.vite)

Vite Tool관련 설정입니다

LAN상에 다른 장치로 접근할려고하니 localhost밖에 안되더라구요.

그래서 정리해보겠습니다.

환경설정 전

package.json

npm run dev # 개발서버 가동

개발서버 기동 후

네트워크를 공개하기 위해 --host 옵션을 쓰라고 하네요.

# cmd
netstat -ano | findstr "3000" # listening Port 검색

cmd 창

cmd 에서 확인시 loopback 주소로 Listening 중입니다. 개발서버 기본 포트가 3000을 사용하더라구요

환경설정 후

package.json

npm run dev 실행 후

ipconfig

Network Adapter 개수 만큼 나오네요. 저는 VMware 가상머신을 사용중이라 2개가 더 있는것을 확인하실수 있습니다.

cmd 창

네트워크에서 0.0.0.0 주소는

 

0.0.0.0:3000으로 확인되는데,  

이는 와일드카드 주소로 불리며 모든 주소 접근을 허용하거나 차단할 때 주로 사용한다고 합니다.

이제 LAN상 모든 IP와, Public IP로 모두 접근 가능합니다. 

 

Vite 설정확인 공식 페이지

https://vitejs.dev/config/server-options.html#server-host

Vite