2021年版 Nuxt.js + axios (module) 外部API利用 CORS 回避

概要 Nuxt から 自前実装の外部APIを利用する際の実装について解説します。 解説記事はたくさんありますが、 @nuxtjs/axios の公式ドキュメントと内容がマッチしていなかったり、古かったりするので、自身で実装して確認したものを、自分の理解とともに記載します。 なお、@nuxtjs/axios モジュールを使わないほうが良いという認識はありますが、 今回直近の実装案件においては、そこまで開発規模が大きくなく、 自前実装すると逆にコードが増えるため、モジュールを使うことにしました。 そのうちモジュールを使わないパターンも書くかもしれませんが、 誰か書いていただけるとありがたいなーと思っています。 注意 target: 'static' のnuxtアプリでは、proxyは利用できません。 参考資料 前提 今回は外部APIのエンドポイントが、https://api.example.c