laravel - form - tokenmismatchexception in verifycsrftoken php line 46

TokenMismatchException utilizando Laravel 5.1 y VueJS

Question

Estoy tratando de usar VueJS para hacer una solicitud POST. Pero no puedo pasar una TokenMismatchException. Tengo esta metaetiqueta en la plantilla principal de Blade:

<meta name="token" id="token" content="{!! csrf_token() !!}">

Y esto en la parte superior de mi archivo VueJS:

Vue.http.headers.common[''X-CSRF-TOKEN''] = document.querySelector(''#token'').getAttribute(''value'');

Aquí está la línea en mi método VueJS que invoca el POST:

this.$http.post(''ads/create/store'', this.content);

Lo he intentado durante demasiado tiempo para aceptar el token. ¿Alguien puede ayudar?

Answer 1

Aquí es cómo configuro el mío, espero que ayude

<meta name="_token" content="{{ csrf_token() }}">

//get the token from the meta tag
$(''meta[name="_token"]'').attr(''content'');

Answer 2

Debe usar el atributo ''contenido'' en la metaetiqueta y la llamada a JS getAttribute :

html:

<meta id="token" name="token" content="{{ csrf_token() }}">

js:

Vue.http.headers.common[''X-CSRF-TOKEN''] = document.querySelector(''#token'').getAttribute(''content'');

Answer 3

Posiblemente sea más fácil de recordar para el futuro, puedes usar

{{ csrf_field() }}

Si está utilizando el motor de plantillas de cuchilla.