Estoy tratando de construir una interfaz de usuario para comunicarme con un servicio API, estoy usando HTML, CSS y JavaScript. Estoy usando la función asíncrona/aguardar búsqueda para llamar a la API y a response.jsom para recuperar los datos Json de la respuesta, ahora tengo que agregar X-Authorization:Bearer Token '.....' al encabezado, ¿cómo puedo hacer eso con JavaScript?
gracias por la ayuda
Agregue su token dentro del encabezado, aquí hay un ejemplo, llame a esta función postData en cualquier lugar desde su aplicación, puede agregarla en un lugar común
Consulte también https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch para obtener una explicación detallada.
// Example POST method implementation: async function postData(url = '', data = {}) { // Default options are marked with * let token = "Get your token here, Store it in local storage and read it from local storage is a better method" const response = await fetch(url, { method: 'POST', // *GET, POST, PUT, DELETE, etc. mode: 'cors', // no-cors, *cors, same-origin cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached credentials: 'same-origin', // include, *same-origin, omit headers: { 'Content-Type': 'application/json', "X-Authorization":Bearer Token '.....' // Here you can add your token }, redirect: 'follow', // manual, *follow, error referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url body: JSON.stringify(data) // body data type must match "Content-Type" header }); return response.json(); // parses JSON response into native JavaScript objects } postData('https://example.com/answer', { answer: 42 }) .then(data => { console.log(data); // JSON data parsed by `data.json()` call });