Skip to main content
se añadieron 326 caracteres en el cuerpo
Origen Enlace

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.

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.

se añadieron 887 caracteres en el cuerpo
Origen Enlace

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.

¿Necesito configurar headers en Vue? Porque en el servidor ya tengo habilitado todo, incluso recoge el post sin problema.

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.

Origen Enlace

Error "Access-Control-Allow-Origin is not allowed" con Vue.js

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.