[ Next ] api 통신 시 cors에러 해결 방법

next.config.js 파일에 rewrites를 작성해서 우회 시킨다.

여기서 중요한 점은 rewrites설정 했으면 api보낼때 앞에 baseUrl을 붙이면 안된다.

const nextConfig = {
  reactStrictMode: true,
  swcMinify: true,
  async rewrites() {
    return [
      {
        source: '/api/:path*',
        destination: `${process.env.NEXT_PUBLIC_SERVER_URL}/:path*`
      },
      
    ]
  },  
}

module.exports = nextConfig

export const api = axios.create({
    baseURL: `/api`,
    withCredentials: true,
    timeout: 600000
})

 

** 참고 **

https://velog.io/@aimzero9303/Next.js-CORS-%EC%97%90%EB%9F%AC

Next.js CORS 에러..