vite에서 외부에서 접속할 수 있도록 하려면

기본적으로 vite으로 생성한 react 프로젝트는 localhost에서만 접속이 가능하다.

외부에서 접속할 수 있도록 하려면 vite.config.ts를 수정해야 한다.

server.host

서버가 수신할 IP 주소를 지정한다. 모든 주소를 수신하려면 0.0.0.0 또는 true로 설정하면 된다.

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

또는

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

server.port

서버 포트를 지정한다. 기본값은 5173이다. 포트를 다른 포트로 변경하려면 server.port를 변경하면 된다.