Nuxt axiosでunable to verify the first certificateが発生した時の対処方法

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})
}

以上です!

コメントする