vite docker 연결 오류

상황

• 포트 바인딩 5173:5173
• npm run dev 실행후 localhost:5173 접속시 ‘localhost에서 연결을 거부했습니다.’ 오류 출력

해결

• docker inspect에서 port를 보면 0.0.0.0:5173 으로 되어있음
• vite의 호스트 0.0.0.0 으로으로 지정해줌

//vite.config.js

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

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  server:{
    host: '0.0.0.0',
  }
})