CORS (Access-Control-Allow-Origin) auf Laravel

Question

habe ich eine Anwendung in AngularJS und ich versuche, Anrufe an die Laravel API zu machen:

• MeineAnw (AngularJS): http://localhost:8080/
• API (Laravel Boiler): http://localhost:8000/

verwende ich Laravel API Boilerplate (JWT Edition) API.

Aber ich bekomme diese Fehlermeldung im Browser-Konsole:

XMLHttpRequest nicht http://localhost:8000/api/auth/login laden kann. Kein 'Access-Control-Allow-Origin'-Header ist auf der angeforderten Ressource vorhanden. Ursprung 'http://localhost:8080' ist daher nicht erlaubt.

Ich habe versucht, die Cors Middleware (Barryvdh/Laravel-Cors) in api_routes.php anzuwenden, aber der Fehler bleibt.

api_routes.php:

<?php 

$api = app('Dingo\Api\Routing\Router'); 

$api->version('v1', ['middleware' => 'cors'], function ($api) { 

    $api->post('auth/login', 'App\Api\V1\Controllers\AuthController@login'); 
    $api->post('auth/signup', 'App\Api\V1\Controllers\AuthController@signup'); 
    $api->post('auth/recovery', 'App\Api\V1\Controllers\AuthController@recovery'); 
    $api->post('auth/reset', 'App\Api\V1\Controllers\AuthController@reset'); 

    // example of protected route 
    $api->get('protected', ['middleware' => ['api.auth'], function() {  
     return \App\User::all(); 
    }]); 

    // example of free route 
    $api->get('free', function() { 
     return \App\User::all(); 
    }); 

}); 

Answer 1

Ich bin völlig falsch über diese Umsetzung. Der Header origin hat einen speziellen Platzierungsfall in Laravel, wo andere Header in Middleware definiert werden können, der Header kann nicht.

Stattdessen müssen Sie diese an die Spitze der Haupt routes.php Datei hinzufügen:

header('Access-Control-Allow-Origin: http://localhost:8080'); 

Answer 2

ich das nicht ganz verstehen, aber wenn ich Zugriff Cross-Browser wollen füge ich eine .htaccess-Datei in die Ordner, in dem mein Endpunkt mit den folgenden darin ist:

Header add Access-Control-Allow-Origin "*" 
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type" 
Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS" 

Answer 3

sollten Sie einen nginx virtuellen Host der auf Ihre api mit einem Proxy-Pass hinzuzufügen. im Wesentlichen müssen Sie sicherstellen, dass sowohl Ihre Front-und Backend sind aus der gleichen Domäne