【Nuxt.js/axios】別ドメインへのajaxがCORS policyで弾かれる問題の対応 - フリーランチ食べたい

ここのところNuxt.jsで開発を行っていて、詰まったところがあったので記載しておきます。 TL;DR 現状axios/devサーバーのヘッダー設定だけでは解決できません。(調べた限り) devサーバー側でaxiosのproxyの設定を行う必要があります。 環境 vue@2.6.2 nuxt@2.4.2 axios@0.18.0 課題 問題設定をハッキリさせておきます。 下の図のようにローカルでの開発時にブラウザから外部のAPIサーバーにリクエストを送った際にCORS policyでブロックされてしまう問題です。 自分と同じ状況であれば このようにアクセスしたときに axios.get('http://api.example.com/hello') 下のようなエラーメッセージが出ていると思います。 Access to XMLHttpRequest at 'http://api.exampl

[kurocraft7522]

axios