Certificat SSL - désactivez la vérification dans axios et réagissez

Question

J'essaie de consommer une API dans mon application React en utilisant Axios. L'API fonctionne sur HTTPS avec un certificat auto-signé. Jusqu'à présent, j'ai l'erreur suivante lors de la connexion:

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)

J'ai essayé ce qui suit mais sans succès:

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;

Existe-t-il un moyen de désactiver la vérification du certificat?

Answer 1

Voici un moyen d'avoir des certificats localhost auto-signés et acceptés. Fondamentalement, vous générez le certificat et l'ajoutez à Chrome manuellement avant de l'utiliser.

Guide de Let's Encrypt: https://letsencrypt.org/docs/certificates-for-localhost/ (semble un peu avancé).

Il y a aussi cette réponse, qui explique comment ajouter un certificat pendant que vous êtes sur le site: https://stackoverflow.com/a/18602774