Получение 401 несанкционированных в паспорте Laravel, vueJS и Axios - PullRequest
Новая
       27

Получение 401 несанкционированных в паспорте Laravel, vueJS и Axios

0 голосов
/ 07 июня 2019

Я немного новичок в VueJS и хочу получить данные из API Laravel (паспорт) , поэтому для этого я использовал npm i axios для запросов API, и это мой код скрипта из App.vue файл: 

import axios from 'axios';
export default {
  data () {
    return {
    }
  },
  created() {
    const postData = {
      grant_type: "password",
      client_id: 2,
      client_secret: 'MvEyvm3MMr0VJ5BlrJyzoKzsjmrVpAXp9FxJHsau',
      username: 'my-email@gmail.com',
      password: '********',
      scope: ''
    }
    axios.post('http://localhost/api/oauth/token', postData)
    .then(response => {
      console.log(response.data.access_token);
      const header = {
        'Accept': 'application/json',
        'Authorization': 'Bearer ' + response.data.access_token,
      };
      axios.get('http://localhost/api/api/user', {headers: header})
      .then(response => {
        console.log(response)
      })
    })
  }
}

API.PHP (файл маршрутов для API) : 

Route::middleware('auth:api')->get('/user', function (Request $request) {
    return $request->user();
});

А это код промежуточного программного обеспечения для CORS исправления в Laravel: 

public function handle($request, Closure $next)
{
    $domains = ["http://localhost:8080"];

    if (isset($request->server()['HTTP_ORIGIN'])) {
        $origin = $request->server()['HTTP_ORIGIN'];
        if (in_array($origin, $domains)) {
            header('Access-Control-Allow-Origin: ' . $origin);
            header('Access-Control-Allow-Headers: Origin, Content-Type, Authorization');
        }
    }

    return $next($request);
}

Посмотрите на console.log(response.data.access_token), я получаю токен, зарегистрированный в консоли, но следующий запрос выдает мне 401 несанкционированную ошибку, я пробовал много решений, но не работал, какие-либо предложения?

...