vite proxy 설정

api연동을 하려고 시도해보니 CORS오류가 발생했다.
구글에 검색해서 setupProxy 파일을 만들어봤지만 해결되지 않았다.

vite를 사용하고 있는 프로젝트여서 vite에서 proxy를 설정해보기로 했다.
하지만 아래 서술하는 내용은 모든 프록시 설정에 해당할 것 같다.

Proxy 해결 방법

vite proxy 설정

1. baseUrl이 설정되어 있다면 이부분을 '/api'로 바꾼다.(결국 이것 때문에 많은 시도를 했음에도 안되었던 것)

2. proxy 설정
   vite.config.js

  server: {
    port: 3000,
    proxy: {
      "/api": {
        target:
          "baseUrl",
        changeOrigin: true,
        secure: false,
        rewrite: (path) => path.replace(/^\/api/, ""),
        ws: true,
      },
    },
  },

/api로 설정되어있는 것을 baseUrl로 바꾸겠다는 의미이다.