Preciso pegar o endereço de uma imagem da API do Bing:
https://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1&mkt=pt-BR
Essa API me retorna um JSON que contém essa informação que quero, mas não consigo acessá-la:
{
"images": [
{
"startdate": "20181023",
"fullstartdate": "201810230700",
"enddate": "20181024",
"url": "/az/hprichbg/rb/LiquidNitrogen_ROW10236809816_1920x1080.jpg",
"urlbase": "/az/hprichbg/rb/LiquidNitrogen_ROW10236809816",
"copyright": "Liquid nitrogen (© Sunny/Getty Images)",
"copyrightlink": "javascript:void(0)",
"title": "",
"quiz": "/search?q=Bing+homepage+quiz&filters=WQOskey:%22HPQuiz_20181023_LiquidNitrogen%22&FORM=HPQUIZ",
"wp": true,
"hsh": "c15d9d44fef770c98a00bc8edc3c6ab6",
"drk": 1,
"top": 1,
"bot": 1,
"hs": []
}
],
"tooltips": {
"loading": "Carregando...",
"previous": "Imagem anterior",
"next": "Próxima imagem",
"walle": "Esta imagem não está disponível para ser baixada como papel de parede.",
"walls": "Baixe esta imagem. O uso desta imagem é restrito ao papel de parede."
}
}
Segue meu código:
const data = fetch('https://www.bing.com/HPImageArchive.aspx?
format=js&idx=0&n=1&mkt=pt-BR', {method:'GET'})
.then(response => response.json())
.then(result => console.log(result));
const img = data.images['0'].url;
Já tentei tirar as aspas do zero e também tentei colocar duas aspas no mesmo, mas não funcionou de nenhuma das duas formas.
O erro que o console mostra é o seguinte:
Uncaught TypeError: Cannot read property '0' of undefined