nuxt에서 CORS 에러 해결하기

CORS 에러가 발생하는 이유?

about-cors

---

간단하게 해결하는 방법

nuxt.js 프로젝트에 @nuxt/proxy 설치

npm i @nuxtjs/proxy
or
yarn add @nuxtjs/proxy

nuxt.config.js에 @nuxt/proxy 모듈을 추가

{
  modules: [
    '@nuxtjs/proxy'
  ]
}

프록시가 될 키 추가

{
  proxy: {
  '/api/v1': { target: 'API_URL', pathRewrite: {'^/api/v1': ''} }
  }
}

API를 호출할 때 axios.get

import axios from 'axios'

export default {
  data() {
    return {
    }
  },
  
  created () {
    const PATH_API = 'API_URL'
    axios.get(`/api/v1${PATH_API}`);
  },
}