nuxt-axiosで通信を行った際に以下のエラーが発生した。
unable to verify the first certificate
原因
通信先のサーバーが自己署名証明書を使用しているなどの理由で証明書に不整合があると発生するらしい。
自分のケースではローカル環境が自己署名証明書を使っているため発生した。
対策(nuxt-axiosの場合)
nuxt-axios
の場合、以下の記述で証明書のチェックを無効化できます。
nuxt.config.js
に以下を記述します。
export default { plugins: [ '~/plugins/axios' ] }
plugins/axios.js
に以下を記述します。
HTTPSクライアントにrejectUnauthorized
オプションを渡して無効化します。
export default function({ $axios }) { $axios.defaults.httpsAgent = new https.Agent({rejectUnauthorized: false}) }
以上です!
Webエンジニアをやっています
UX/UIデザインからプログラミング、DB設計、SEO、インフラ構築など幅広く対応してます
PHP/PHPUnit/Laravel/Vue/Nuxt/Docker/Terraform
ご連絡はTwitterのDMまで。