vue js 파일을 모바일 기기로 확인하는 방법

vue 파일을 모바일 기기로 확인하는 방법이 있다.

회사 컴퓨터는 셋팅이 돼있어서 몰랐는데 최근 새로 구입한 맥북은 노셋팅이라 기록하기 위해 남겨둠.

 

처음 npm run serve를 돌리면 이렇게 뜬다.

http://0.0.0.0/

 

1. 터미널에서 vue 서버 실행

npm run serve -- --host 0.0.0.0

 

2. 로컬 IP 주소 확인

Windows: `ipconfig`
Mac/Linux: `ifconfig` 또는 `ip a`

 

 

Windows에서는

Ethernet adapter Ethernet:

   Connection-specific DNS Suffix  . : 
   Link-local IPv6 Address . . . . . : fe80::d4b8:4d62:3b74:fdfc%12
   IPv4 Address. . . . . . . . . . . : 192.168.1.10
   Subnet Mask . . . . . . . . . . . : 255.255.255.0
   Default Gateway . . . . . . . . . : 192.168.1.1

 

Mac/Linux에서는

en0: flags=8863<UP,BROADCAST,SMART,RUNNING,SIMPLEX,MULTICAST> mtu 1500
      inet 192.168.1.10 netmask 0xffffff00 broadcast 192.168.1.255
      inet6 fe80::d4b8:4d62:3b74:fdfc%en0 prefixlen 64 secured scopeid 0x5
      ether f0:18:98:16:78:03
      inet6 2601:646:8601:4800:102f:87a4:4b0:5a12 prefixlen 64 autoconf secured
      inet6 2601:646:8601:4800::1 prefixlen 128 dynamic

 

3. 모바일 기기로 접속

http://<로컬 IP 주소>:8080