Почему не передаются заголовки в VueJS в связке с Laravel?

Question

[Дмитрий Кузнецов]

Разрабатывается сайт на VueJS в связке с Laravel 5.5. Backend и Frontend разделён по доменам. Авторизацию сделал через Laravel Passport.
Когда в api.php (Laravel) указываю middleware=>'auth:api', то у меня не работает, без него соответственно работает.
api.php (Laravel):

<?php
use Illuminate\Http\Request;

/* API v1 */
Route::group(['prefix' => 'v1'], function(){
	Route::group(['prefix' => 'users', 'middleware' => 'auth:api'], function(){
		Route::get('/{id}', 'Account\AccountController@getAccount');
	});
});

Axios запрос (Vue):

this.axios.post('/api/v1/posts/create', post)
                .then(response => {
                    console.log(response)
                })

Ответ от запроса:

{message: "Unauthenticated."}
message: "Unauthenticated."

В main.js добавляю заголовки (Vue):

axios.defaults.baseURL = 'http://api.site.dev/'
axios.defaults.headers.common['Authorization'] = Vue.auth.getToken()

PS: токен есть

Что мне делать? Уже какой 3-ий день мучаюсь с этой проблемой((( Заранее спасибо

Answer 1

[Arman]

если вместо 'Authorization' указать 'X-CSRF-TOKEN' ? и если не передается, то добавить ['X-Requested-With'] = 'XMLHttpRequest'

Comments

[Дмитрий Кузнецов]

Спасибо, теперь работает)

axios.defaults.headers.common['Authorization'] = 'Bearer ' + Vue.auth.getToken()
axios.defaults.headers.common['X-CSRF-TOKEN'] = 'Bearer ' + Vue.auth.getToken()