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))
},
En Network, el proceso tiene status code 200, como he dicho antes, y esto es lo que me muestra.
Request URL: http://....
Request Method: OPTIONS
Status Code: 200 OK
Remote Address: ...:80
Referrer Policy: no-referrer-when-downgrade
Access-Control-Allow-Origin: *
Cache-Control: no-cache
Content-Length: 0
Content-Type: text/html; charset=utf-8
Date: Wed, 12 Sep 2018 06:26:37 GMT
Server: Google Frontend
X-Cloud-Trace-Context: e950a6cbc4a8b12a6a04a5b716cd69ed
Provisional headers are shown
Access-Control-Request-Headers: content-type
Access-Control-Request-Method: POST
Origin: http://localhost:8080
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6)
AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106
Safari/537.36
¿Necesito configurar headers en Vue? Porque en el servidor ya tengo habilitado todo, incluso recoge el post sin problema.
El error en Firefox es el siguiente:
Solicitud desde otro origen bloqueada: la política de mismo origen impide leer el recurso remoto en http://.... (razón: token 'content-type' no presente en la cabecera CORS 'Access-Control-Allow-Headers' del canal CORS prevuelo).
Pero no encuentro nada aclarativo en Google.