Olá, Estou a usar o fetch com async await para buscar os dados. Mas não consigo obter o status da resposta. O meu código:
const obterPacientesBtn = document.querySelector(".obter-pacientes-btn");
obterPacientesBtn.addEventListener("click", obterPacientes);
async function obterPacientes() {
const url = "https://api-pacientes.herokuapp.com/pacientesss";
const options = {
method: 'GET',
mode: 'cors',
headers: {
"content-type": "application/json;charset=utf-8",
},
}
try {
let response = await fetch(url, options);
console.log(response.status);
let pacientes = await response.json();
mostrarPacientesObtidosBD(pacientes);
}catch(error) {
console.log(error);
}
}
function mostrarPacientesObtidosBD(pacientes) {
pacientes.forEach(paciente => {
mostrarPaciente(paciente);
});
}
Na consola tenho:
index.html#:1 Access to fetch at 'https://api-pacientes.herokuapp.com/pacientesss' from origin 'null' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status. fetch.js:15 GET https://api-pacientes.herokuapp.com/pacientesss net::ERR_FAILED obterPacientes @ fetch.js:15 fetch.js:20 TypeError: Failed to fetch
Como faço para obter o status?
Obrigado