react + vite axios 사용했을때 proxy 설정 방법

안녕하세요.

build 도구인 vite로 react 프로젝트를 진행중인데 webpack으로 빌드했을땐 잘되던 axios proxy 설정이 잘 안되는 현상이 있었어요.

그전엔 package.json에 proxy 등록하면 됐었는데... vite는 다른 곳에 설정해줘야해요 

저 파일에다가

아래 처럼

server: {
    proxy: {
      '/api': 'http://localhost:3010'
    }
  }

부분을 추가해주세요. 그럼 /api로 시작하는 URL요청은 proxy 적용돼서 cors 걱정없이 서버랑 통신가능해요

요렇게요.

vite는 기존과 많이 달라 삽질하는 시간이 좀 걸리네요 
즐거운 코딩~!