Intento hacer una petición con Axios desde un componente Vue. El servidor la recoge corréctamente, con un status code 200, pero tengo un problema con la respuesta. Me da este error:
Failed to load http://....: Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response.
Este es mi código:
login() {
const url = 'http:/...';
//axios.post(url[, data[, config]])
const fakeData = {user:"loquesea", password: "loquesea"} ;
var config = {
headers: {
'Content-type': 'application/json; charset=utf-8',
'Access-Control-Allow-Origin':'*',
'Access-Control-Allow-Methods': 'POST',
'Access-Control-Allow-Headers':'*',
'cache-control': 'no-cache'
}
};
axios.post(url, fakeData, config)
.then(response => {
if(!response) {
return response.status(404).send({
message: "Note not found with id "
});
}
console.log(response.data);
//window.localStorage.token = response.token
//window.localStorage.user = window.atob(response.token.split('.')(1))
//this.$router.push('/')
})
.catch(err => (this.error = err))
},
¿Necesito configurar headers en Vue? Porque en el servidor ya tengo habilitado todo, incluso recoge el post sin problema.