roger-melo-treinamentos / curso-de-js-roger-melo

Repositório de informações do CJRM
491 stars 170 forks source link

Etapa 12, nome do vídeo: Obtendo informações da cidade 01-06 #1631

Closed ghost closed 3 years ago

ghost commented 3 years ago

Boa tarde Roger fiz as etapas que você pediu na aula mas o request não veio como no vídeo , na verdade nem veio . Meu código esta assim :

const apiKey = 'EXFVlL4b75HAL5LFJ30kMB8MJP9m3Kv3'
const cityUrl = `http://dataservice.accuweather.com/locations/v1/cities/search?apiKey=${apiKey}&q=coritiba`

const getCityData = async ()=>{
    try{
      const response = await  fetch(cityUrl)

      if(!response.ok){
        throw new Error('Não foi possível obter os dados')
      }
        console.log(await response.json())
    }catch({name, message}) {

    }
}
getCityData()

Mas no console do browser esta com este erro:

index.html:1 Access to fetch at 'http://dataservice.accuweather.com/locations/v1/cities/search?apiKey=EXFVlL4b75HAL5LFJ30kMB8MJP9m3Kv3&q=coritiba' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
weather.js:6 GET http://dataservice.accuweather.com/locations/v1/cities/search?apiKey=EXFVlL4b75HAL5LFJ30kMB8MJP9m3Kv3&q=coritiba net::ERR_FAILED
getCityData @ weather.js:6
(anonymous) @ weather.js:16

Meu código está igual ao seu sem nenhuma modificação. Aguardo sua resposta para seguir com os estudos . obrigado.

@Roger-Melo

Roger-Melo commented 3 years ago

Olá @jhow221318.

Primeiro, faça as seguintes modificações na template string apiKey=${apiKey}&q=coritiba:

Se depois de fazer os passos acima o problema não for resolvido, delete a app no site da accuweather API, crie uma nova e use a nova chave.

Se for preciso, essa é a aula em que eu mostro como fazer isso.

Me avisa aqui se deu certo =)

ghost commented 3 years ago

Realmente os erros de sintaxe observados por vc existiam mas infelizmente Roger ainda sim não funcionou , se eu pegar a url da API do pokemon de aulas anteriores eu consigo fazer o request numa boa . Obrigado ... Bom dia ....

Roger-Melo commented 3 years ago

Sobe os arquivos em um respositório e manda o link aqui. Assim eu testo e ajudo com mais precisão =)

@jhow221318

ghost commented 3 years ago

Roger eu fiz os reparos que você me pediu e uma vez eu consegui obter os dados , mas tenho um outro problema vou abrir uma nova issue para discutirmos ela . Obrigado. Boa tarde!