vite 외부에서 접속하기(localhost 외)

vite로 생성한 react 프로젝트를 localhost 외에 네트워크 주소(모바일) 등으로 접속하고 싶을 때는 vite.config.ts를 수정해야줘야합니다.

server.host

서버가 수신할 IP주소 지정
모든 주소를 수신하려면 0.0.0.0 또는 ture로 설정합니다.
vite 서버 껐다가 다시 켜서 네트워크 주소로 접속하면 됩니다.

export default defineConfig({
  plugins: [react()],
  server: {
    host: '0,0,0,0'
  },
});

또는

export default defineConfig({
  plugins: [react()],
  server: {
    host: true
  },
});

출처 : vite 외부에서 접속