Configuré un servidor API https con un certificado autofirmado.

Y estoy configurando una llamada axios https-api en una función que se ejecutará solo en el lado del cliente. Luego, cuando llamó a la API, arrojó un ERR_CERT_AUTHORITY_INVALID

Noté que muchos artículos han indicado debajo del código sobre cómo evitar esto.

 // At instance level const instance = axios.create({ httpsAgent: new https.Agent({ rejectUnauthorized: false }) }); instance.get('https://something.com/foo'); // At request level const agent = new https.Agent({ rejectUnauthorized: false }); axios.get('https://something.com/foo', { httpsAgent: agent });

Pero este código popular solo funciona en el lado del servidor. Y luego me di cuenta de que Chrome desencadena este error. Entonces, Chrome debería ser la causa raíz, aunque estaba escribiendo javascript

Entonces, noté que la gente ha hablado de configurar cualquiera de estos debajo. Probé todo y no funciona en absoluto

1.Contenido no seguro

=> esto es solo sobre http. Entonces esta no es una solución para http

2. habilite el dominio cuando aparezca el sitio.

=> Esta es la parte difícil. Dado que alojo mi código en vercel. Entonces, al principio, se identifica como seguro. El error solo aparece cuando hago clic en el botón Enviar en mi sitio web en el que llama a mi servidor API que está en otro dominio, solo con un certificado autofirmado.

Por ejemplo:

 const handleSubmit = async (e) => { e.preventDefault(); const newPost = { theme: theme, content: content, }; try { const res = await axios.post( `${process.env.NEXT_PUBLIC_API_URL}/${username}`, newPost ); } catch (err) { console.log(err); }

¿Hay alguna manera fácil de permitir que Chrome pueda llamar a la API?