Estoy tratando de obtener una API pública en código JavaScript. en post man y en la consola del mismo sitio obteniendo la siguiente respuesta.

 { "timestamp": 1647320524, "metal": "XAU", "currency": "INR", "exchange": "IDC", "symbol": "FX_IDC:XAUINR", "prev_close_price": 149199.3, "open_price": 149459.8, "low_price": 147829.3, "high_price": 149531.3, "open_time": 1647302400, "price": 147796.4, "ch": -1402.9, "chp": -0.94, "ask": 147806.4, "bid": 147796.4, "price_gram_24k": 4751.7646, "price_gram_22k": 4355.7842, "price_gram_21k": 4157.794, "price_gram_20k": 3959.8038, "price_gram_18k": 3563.8235 }

pero cuando trato de acceder a la API a través de js, obtengo el estado http 200 pero no tengo datos esperados. a continuación se muestra la respuesta js

 body: (...) bodyUsed: false headers: Headers {} ok: true redirected: false status: 200 statusText: "OK" type: "cors" url: "https://www.goldapi.io/api/XAU/INR" [[Prototype]]: Response

este es mi código JS que usé para acceder a la API. No entiendo cuál es el problema.

 var currency = 'INR'; var metal = 'XAU'; //Gold function alertPrice(){ fetchGoldPrice(metal, currency) // .then(response => alert(response.text()), response.text()) .then(result => {priceEl.innerHTML = JSON.stringify(result), console.log(result," result")}) .catch(error => {priceEl.innerHTML = JSON.stringify(error), console.log('error', error)}); } function fetchGoldPrice(metal, currency){ const requestOptions = formHeaders(); return fetch(`https://www.goldapi.io/api/${metal}/${currency}`, requestOptions) } function formHeaders(){ const myHeaders = getHeaders(); var requestOptions = { method: 'GET', headers: { "x-access-token": "my api key", "Content-Type": "application/json" } }; return requestOptions; }