Почему не проходит авторизация VueJs&Laravel5?

Question

[Влад Володько]

Здравствуйте, возникла такая проблема что при авторизации через laravel passport мне возвращается 401 ошибка, но если попробовать авторизироваться еще раз то все ок
Запрос отправляю с vuejs использую axios, токен есть, передается верно. но никак не могу понять почему так происходит

UPD1 немножко кода
config.js

const config = function(cook) {
	return {
		baseURL: API_URL,
		headers: {
			Accept: 'application/json',
			Authorization:  `Bearer ${cook}`
		}
	}
}

Метод который вызываю

const getEnrollList = (role) => {
	let url = ''
	url = role == 'master' ? '/master/getEnrollList' : '/client/getEnrollList'
	return API.get(url, { 
		params: {
			hash: Cookie.get('salon')
		},
		headers: { 
			Authorization:  `Bearer ${Cookie.get('token')}`
		} 
	}).catch( (response, error) => {
		window.location.href = '/'
	})
}

Backend

Route::group(['middleware' => ['web','auth:api']], function() {

Route::get('getEnrollList', 'Client\ClientController@enrollList');

// Роутер для клиента
    Route::group(['prefix' => 'client', 'middleware' => 'client'], function () {
        Route::get('getEnrollList', 'Client\ClientController@enrollList');
    });

    // Роутер для мастера
    Route::group(['prefix' => 'master', 'middleware' => 'master'], function () {
        Route::get('getEnrollList', 'Master\EnrollController@enrollList');
    });

Comments

[IDONTSUDO]

А через post man тест делал?

[Konata Izumi]

Где код?

[Влад Володько]

IDONTSUDO, делал, авторизация проходит, токен мне возвращается

Тут даже проблема такова, что когда я авторизируюсь на сайте, мне токен возвращается и я перехожу в профиль, и уже в нем отправляю запрос на получение нужной мне информации и в ответ мне возвращается 401, хотя токен передается

[Дмитрий Морозов]

Влад Володько, Предоставьте фрагмент когда, где у Вас идёт отправка данных. Теорию можно долго гонять, но практики так таковой на виду у нас нет.

[Влад Володько]

Дмитрий Морозов, Добавил чутка кода в вопрос

[IDONTSUDO]

Влад Володько, скачай POSTMAN. Протеструй. И попробуй во Vue вот так юзать axios для авторизации.

axios.post('http://localhost:5000/users/login',
        {
          email: this.email,
          password: this.password
        }
      ).then((res) => {
        localStorage.setItem('usertoken', res.data)
        this.email = ''
        this.password = ''
        router.push({ name: 'Profile' })
      }).catch((err) => {
        console.log(err)
      })axios.post('http://localhost:5000/users/login',
        {
          email: this.email,
          password: this.password
        }
      ).then((res) => {
        localStorage.setItem('usertoken', res.data)
        this.email = ''
        this.password = ''
        router.push({ name: 'Profile' })
      }).catch((err) => {
        console.log(err)
      })

[Влад Володько]

IDONTSUDO, Авторизация у vue

const login = (mobile_no) => {
	return API.post('/login', {mobile_no}, { headers: {} });
};

Роутер у laravel

Route::post('/login', 'API\PassportController@login');

Там отправляется не форма а запрос на получение списка записей, потому так и стоит get
Там проблема именно в том что laravel считает что токен неправильный

Answer 1

[jazzus]

Попробуйте get на пост запрос изменить. И в Laravel в роутах и в vue в отправке. И в урлах master / client в группе роутов такого нет. Можно дать name роуту передать в props vue правильный урл из ларавел через route('name')

Comments

[Влад Володько]

Сейчас попробую, но такая картина не только с этим методом а и с другими, получается если менять то менять везде

[jazzus]

Влад Володько, там форма отправляется? Тогда нужен пост запрос с валидацией. И урлы должны быть правильные. Лучше всего использовать именованные маршруты, сохранять их в переменные, чтобы не было ошибок. Например, при пост запросе если в VUE поставить руками в конце урлы слеш, то он превратиться в гет и будет ошибка

[Влад Володько]

jazzus, Авторизация у vue

const login = (mobile_no) => {
	return API.post('/login', {mobile_no}, { headers: {} });
};

Роутер у laravel

Route::post('/login', 'API\PassportController@login');

Там отправляется не форма а запрос на получение списка записей, потому так и стоит get
Там проблема именно в том что laravel считает что токен неправильный

[jazzus]

Влад Володько, тогда хз с паспортом не работал. Может миделваря где-то гасит или особенности логики паспорта. Еще можно кеш браузера очистить в vue такое частенько нужно

[jazzus]

Влад Володько, урлы точно правильные? у вас в vue /master/ и /client/ стоит, а в laravel роутах такого нет

[Влад Володько]

jazzus, Просто при повторной авторизации все ок

[Влад Володько]

jazzus,

// Роутер для клиента
    Route::group(['prefix' => 'client', 'middleware' => 'client'], function () {
        Route::get('getEnrollList', 'Client\ClientController@enrollList');
    });

    // Роутер для мастера
    Route::group(['prefix' => 'master', 'middleware' => 'master'], function () {
        Route::get('getEnrollList', 'Master\EnrollController@enrollList');
    });

[jazzus]

Влад Володько, значит это связано с логикой работы паспорта