CSRF-Token ist nicht in Laravel/VueJS

Question

anfordern Header übergeben Beim Versuch, eine GET-Anfrage zu machen, bekomme ich ein

401: {error: "Unauthenticated."}

Wenn ich Anfrage überprüfen Header in Chrom Debugger kann ich x-requested-with:XMLHttpRequest sehen, aber ich kann ‚t sehen CRSF-Token

ich benutze Pass, und ich habe CreateFreshApiToken Middleware

In meinem HTML aktiviert ist, ich habe:

<script> 
    window.Laravel = { 
     csrfToken: "{{ csrf_token() }}" 
    }; 
    var csrfToken = "{{csrf_token()}}"; 
</script> 

In meinem VueJS, ich habe:

$.ajaxPrefilter(function (options, originalOptions, jqXHR) { 
    jqXHR.setRequestHeader('X-CSRF-Token', csrfToken); 
}); 

ich noch Abfrage mit JQuery ausführen:

this.$http.post('/api/v1/associations/create', this.form) 
.then(...) 

Was soll ich tun, um es zu beheben?

Answer 1

Die Unauthenticated bedeutet, dass der Benutzer nicht angemeldet ist, und es bezieht sich nicht auf csrf_token.

Answer 2

landete ich this.$http.post durch axios ersetzt auf und in boostrap.js, ich habe gerade unkommentiert:

window.axios.defaults.headers.common = { 
    'X-CSRF-TOKEN': window.Laravel.csrfToken, 
    'X-Requested-With': 'XMLHttpRequest' 
}; 

Answer 3

Haben Sie

versucht

var token = '{{ Session::token() }}';