Chamada de API do LWC. “TypeError: Falha ao buscar”

Oct 22 2020

Estou tentando fazer uma chamada de API para algumas APIs abertas e obtendo o mesmo erro todas as vezes: "TypeError: Falha ao buscar". O site é adicionado aos sites confiáveis ​​do CSP e à lista de origem permitida do CORS. O código está funcionando corretamente no LWC Playground e posso fazer esta ligação do Postman. Abaixo está o meu código:

let endpoint = 'https://sv443.net/jokeapi/v2/joke/Any';

        let requestParams = {
            method: 'GET',
            headers: {
                'Content-Type' : 'application/json'//,
                //'Access-Control-Allow-Origin' : '*'
            }
        };

        fetch(endpoint, requestParams)
            .then(response => {
                console.log('in response');
            })
            .catch(error => {
                console.log('error3: ' + error);
            });

Respostas

2 IgorVasylevskyi Oct 22 2020 at 19:22

A resposta certa é que deixei marcado apenas uma diretiva CSP padrão (era "Permitir site para img-src") para o site. Quando verifiquei todas as outras diretivas em 10 minutos, obtive uma resposta (o CSP leva tempo para começar a trabalhar)