[React] react + vite 리액트 포트번호 변경

리액트 실행 시 터미널에 npm run dev 를 입력하면

5173이 기본 포트번호이다. 

이 기본 포트번호를 변경하기 위해서 vite.config.ts 에 server 포트를 추가해주면 된다. 

 

vite.config.ts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vite.dev/config/
export default defineConfig({
  server: { //서버 추가
    host: true,
    port: 3003
  },
  plugins: [react()],
})

 

서버 추가 후 저장을 하면 

자동으로 서버가 재시작 되면서 포트번호가 변경된다.