estoy tratando de usar una api de la cual tengo nombre de usuario y contraseña, a través de este código puedo obtener el token de autenticación
axios.post(this.apiUrl, { username : 'xxx', password : 'yyy' }, ) .then((respond)=>{ this.token = respond.data.token console.log(this.token) }) .catch((error)=>{ console.log('errore',error) })como necesito ese token para acceder a otras rutas en la misma Api, debo reutilizarlo en otras solicitudes, como en este caso
axios.post(this.apiUrl+(otherEndPoint),{body}, { headers:{ "authorization":this.token } }, ) .then((respond)=>{ r = respond.data.token console.log(r) }) .catch((error)=>{ console.log('errore',error) })pero no funciona, alguien me puede ayudar
sin antecedentes sobre cómo está configurado su proyecto, la esencia de cómo hacerlo son los siguientes pasos:
get , post , etc.En codigo:
// Import axios module import axios from 'axios'; // Set default header. eg, X-API-KEY axios.defaults.headers['X-API-KEY'] = 'some-api-key'; // Use axios as you would normally axios.get('http://example.com/secure-endpoint') .then(res => console.log(res.data)) .catch(err => console.log(err));Para su contexto:
import axios from 'axios'; // ... somewhere in code // Get api-key from server const username = 'someUsername'; const password = 'somePassword'; axios.post('http://example.com/api/getKey', { username, password }).then(res => { axios.defaults.headers['x-api-key'] = res.data.apiKey; }) .catch(err => console.log(err)); // ... // ... somewhere else in code axios.get('http://example.com/secure-endpoint') .then(res => console.log(res.data)) .catch(err => console.log(err)); // ...Estos son solo ejemplos. Cambia de acuerdo a la estructura y necesidades de tu proyecto.