Olá pessoal, estou tento um erro, vou compartilhar o erro e o código, se alguém puder me ajudar, agradeço.
error - FetchError: request to https://gist.githubusercontent.com/omariosouto/0ceab54bdd8182cbd1a4549d32945c1a/raw/578ad1e8e5296fa048e3e7ff6b317f7497b31ad9/alura-cases-faq.json failed, reason: self signed certificate in certificate chain
at ClientRequest.<anonymous> (C:\Users\u002560\Documents\alura-cases\node_modules\next\dist\compiled\node-fetch\index.js:1:65763)
at ClientRequest.emit (node:events:526:28)
at TLSSocket.socketErrorListener (node:_http_client:442:9)
at TLSSocket.emit (node:events:526:28)
at emitErrorNT (node:internal/streams/destroy:157:8)
at emitErrorCloseNT (node:internal/streams/destroy:122:3)
at processTicksAndRejections (node:internal/process/task_queues:83:21) {
type: 'system',
errno: 'SELF_SIGNED_CERT_IN_CHAIN',
code: 'SELF_SIGNED_CERT_IN_CHAIN',
page: '/faq'
}
Código:
import Link from '../src/components/Link';
export async function getStaticProps() {
const FAQ_API_URL = 'https://gist.githubusercontent.com/omariosouto/0ceab54bdd8182cbd1a4549d32945c1a/raw/578ad1e8e5296fa048e3e7ff6b317f7497b31ad9/alura-cases-faq.json'
const faq = await fetch(FAQ_API_URL)
.then((respostaDoServidor) => {
return respostaDoServidor.json();
})
.then((resposta) => {
return resposta
});
return {
props: {
faq,
},
};
};
export default function FAQPage({ faq }) {
console.log(faq);
return (
<div>
<h1>Alura Cases - FAQ</h1>
<Link href="/">
Ir para Home
</Link>
<ul>
{faq.map(({ answer, question}) => (
<li key={question}>
<article>
<h2>{question}</h2>
<p>{answer}</p>
</article>
</li>
))}
</ul>
</div>
)
}