Vite host와 port 설정

host가 localhost로만 작동하는 경우 개발 서버를 띄운 곳에서만 접속이 가능하므로, 모바일 장비나 함께 일하는 동료의 외부 접속을 원한다면 host를 설정해 주어야 한다고 한다.

🔎설정방법

Vite bundler는 yarn dev 명령을 이용해 개발 서버를 띄우는데 이때, 기본적으로 host는 localhost로 설정되며, port는 5173으로 설정된다.

하지만 5173이 아닌 다른 port 4000로 변경하고 싶다면

package.json에 들어가서 dev부분에

"scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
},

--host 0.0.0.0 --port 4000를 추가해주면 된다.

"scripts": {
    "dev": "vite --host 0.0.0.0 --port 4000",
    "build": "vite build",
    "preview": "vite preview"
},