zeigt {"error": "Unauthenticated."} Auf laravel api Anruf

Question

zeigt {"error": "Unauthenticated."}, Während Larel API in Laravel 5.4 und Pass-Version: v1.0.9, mit Ajax Anruf aufrufen.

Aufruf von Route api: Route :: get ('Kategorie/get_tree_data', 'CategoryApiController @ getTreeData') -> Middleware ('auth: api');

Answer 1

Wenn Sie Laravel Passport ordnungsgemäß eingerichtet, sollten Sie dies Ihrer Ansicht nach haben:

Sie benötigen einen Client zu erstellen, dass Client hat eine Client-ID und ein Client-Geheimnis.

Jetzt müssen Sie Ihre Consumer-App öffnen, die Ihre Client-ID und Ihr Client-Geheimnis enthalten soll.

Es sieht wie folgt aus (Sie haben das Token und ID auf Ihre spezifischen ändern):

class OAuthController extends Controller 
{ 
    public function redirect() 
    { 
     $query = http_build_query([ 
      'client_id' => 3, 
      'redirect_uri' => 'http://localhost/app/public/callback', 
      'response_type' => 'code', 
      'scope' => '', 
     ]); 

     return redirect('http://localhost/app/public/oauth/authorize?' . $query); 
    } 

    public function callback(Request $request) 
    { 
     $http = new Client; 

     $response = $http->post('http://localhost/app/public/oauth/token', [ 
      'form_params' => [ 
       'grant_type' => 'authorization_code', 
       'client_id' => 3, // from admin panel above 
       'client_secret' => 'BcTgzw6YiwWUaU8ShX4bMTqej9ccgoA4NU8a2U9j', // from admin panel above 
       'redirect_uri' => 'http://localhost/app/public/callback', 
       'code' => $request->code // Get code from the callback 
      ] 
     ]); 

     return json_decode((string) $response->getBody(), true); 
    } 
} 

Jetzt müssen Sie, dass der Verbraucher App aufrufen und Ihre Anwendung zu genehmigen.

Wenn das funktioniert Du einen Zugriffstoken + eine Aktualisierungs-Token erhalten.

Es sollte wie folgt aussehen:

Jetzt können Sie diese mit einem Programm wie Postbote testen können.

Sie rufen im Grunde Ihre Route planen und fügen Sie den Zugriffstoken, die Sie auf die API zugreifen gibt, wie folgt aus:

Wenn Sie weitere Fragen haben empfehle ich die docs lesen.

Also ich empfehle dringend zu beobachten folgenden video von Taylor Otwell.

Natürlich können Sie mir auch einen Kommentar geben, wenn Sie weitere Fragen haben.

Answer 2

ich meine Antwort bekam: inside /resources/assets/js/bootstrap.js

diesen Code hinzufügen: window.axios.defaults.headers.common = { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'X-Requested-With': 'XMLHttpRequest' };

perfekt funktioniert ...

Answer 3

über den Pass Integration und Anbringen des CSRF Kopfzeilenproblem.

Eine mögliche Lösung besteht darin, die Middleware-Definition von der Route Deklaration zum Controller-Konstruktor zu verschieben.

dies:

Route::middleware('auth:api', 'throttle:60,1')->group(function() { 
    Route::get('tasks', 'Api\TasksController@index')->name('tasks'); 
}); 

dann nach dem Entfernen der auth Middleware:

Route::middleware('api', 'throttle:60,1')->group(function() { 
    Route::get('tasks', 'Api\TasksController@index')->name('tasks'); 
}); 

und es oben auf dem Controller-Konstruktor Einstellung:

<?php 
namespace App\Http\Controllers\Api; 
use App\Http\Controllers\Controller; 
class TasksController extends Controller 
{ 
    function __construct() 
    { 
     $this->middleware('auth'); 
    } 
    public function index() { // ... 
    } 

Es tut mir Leid nicht in der Lage zu sein um zu erklären, wie oder warum diese Optimierung funktioniert hat. Hoffe, ich werde das für eine bessere Erklärung später aktualisieren ..