web-dev-qa-db-ja.com

SSL証明書-axiosで検証を無効にして反応する

Axiosを使用して、ReactアプリケーションでAPIを使用しようとしています。 APIは、自己署名証明書を使用してHTTPSで動作します。これまでのところ、接続時に次のエラーが発生しました。

net::ERR_INSECURE_RESPONSE
bundle.js:65253 HTTP Failure in Axios Error: Network Error
    at createError (bundle.js:2188)
    at XMLHttpRequest.handleError (bundle.js:1717)

私は以下を試しましたが、成功しませんでした:

import axios from 'axios';

const https = require('https');

const agent = new https.Agent({
    rejectUnauthorized: false,
});

const client = axios.create({ //all axios can be used, shown in axios documentation
    baseURL: process.env.REACT_APP_API_URL,
    responseType: 'json',
    withCredentials: true,
    httpsAgent: agent
});

export default client;

証明書の検証を無効にする方法はありますか?

20
Goranov

これは、自己署名され承認されたlocalhost証明書を持つ方法です。基本的に、証明書を生成し、使用する前に手動でChromeに追加します。

Let's Encryptによるガイド: https://letsencrypt.org/docs/certificates-for-localhost/ (少し進んでいるようです)。

この回答もあり、サイトにいる間に証明書を追加する方法を説明しています: https://stackoverflow.com/a/18602774

0
dkasipovic