제목은 대충 서치하기 편하게 넣어놨는데 뭔 소리냐면
vite를 사용해서 vue든 리액트는 프론트엔드에서 작업중이던걸
모바일 뷰로 확인하는 별거아닌 방법인데
원래는 걍 PC랑 모바일이랑 같은 와이파이인 상태에서 {와이파이 아이피 주소}:{포트(ex.3000)} 을 모바일에서 쳐주면 되는디
안되가지고 뭘까 싶어서 찾아보다가 저기 보면 Network: use --host to expose 라고 적혀있단말임?
찾아보니 보안문제때문에 개발자가 따로 네트워크 열어두는게 아니면 접근 못하게 Vite가 업데이트 됬던거..
그래서 걍 원래 프로젝트 실행시키는 코드 맨 뒤에 --host 붙여주면 됨
예시)
pnpm run dev 를 pnpm run dev --host
이러면 Network에 뜨는 주소 그대로 모바일에서 열면 된다 끝.. 이거 찾느라 애먼 시간 날림 ㅡㅡ
'이것저것 코딩공부 > 기타' 카테고리의 다른 글
| element.scrollIntoView (1) | 2022.08.25 |
|---|---|
| Quasar 사용시 브라우저에 아무것도 뜨지 않는 문제 (2) | 2022.05.17 |
| [Typescript] interface, type (0) | 2022.05.16 |