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;
証明書の検証を無効にする方法はありますか?
これは、自己署名され承認されたlocalhost証明書を持つ方法です。基本的に、証明書を生成し、使用する前に手動でChromeに追加します。
Let's Encryptによるガイド: https://letsencrypt.org/docs/certificates-for-localhost/ (少し進んでいるようです)。
この回答もあり、サイトにいる間に証明書を追加する方法を説明しています: https://stackoverflow.com/a/18602774