Vite에서 CORS에러 해결하는 방법

Vite 설정에서 프록시를 설정하여 CORS 문제를 해결할 수 있다. 

 

vite.config.js 파일에서 아래와 같이 설정하면

Vite 개발 서버가 /api로 시작하는 모든 요청을 http://localhost:8080 (Spring 서버)로 프록시하게 된다.

// vite.config.js
export default {
  server: {
    proxy: {
      '/api': {
        target: 'http://localhost:8080', // Spring 서버 주소
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      }
    }
  }
}