nuxtでCORSエラーを解決する

なぜCORSエラーが発生したのですか?
about-cors
シンプルなソリューション
nuxt.jsプロジェクトに@nuxt/proxyをインストールする

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

nuxt.config.@nuxt/proxyモジュールをjsに追加

{
  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}`);
  },
}