Laravel CORS 中间件因 post 和资源请求失败

Question

我一直试图解决这个问题一段时间，但无法破解它。

我有一个 Laravel 后端和角度前端。它们位于不同的域中，因为前端需要是 Web 和移动cordova 应用程序。

即使在添加 CORS 中间件后，帖子和资源请求也无法加载，我得到一个

No 'Access-Control-Allow-Origin' header is present on the requested resource

控制台中的错误。

以下获取请求确实可以正常工作:-

Route::get('example', ['middleware' => 'cors', function(){
    return Response::json(array('name' => 'Steve Jobs 1', 'company' => 'Apple'));
}]);

但以下失败 -

Route::group(['middleware' => 'cors'], function () {
Route::group(['prefix' => 'api'], function()
{
    Route::resources('authenticate', 'AuthenticateController', ['only' => ['index']]);
    Route::post('authenticate', 'AuthenticateController@authenticate');
});
});

我正在关注 https://scotch.io/tutorials/token-based-authentication-for-angularjs-and-laravel-apps .

我的 CORS.php

class CORS
{
/**
 * Handle an incoming request.
 *
 * @param  \Illuminate\Http\Request  $request
 * @param  \Closure  $next
 * @return mixed
 */
public function handle($request, Closure $next)
{
    header("Access-Control-Allow-Origin: *");

    // ALLOW OPTIONS METHOD
    $headers = [
        'Access-Control-Allow-Methods'=> 'POST, GET, OPTIONS, PUT, DELETE',
        'Access-Control-Allow-Headers'=> 'Content-Type, X-Auth-Token, Origin'
    ];
    if($request->getMethod() == "OPTIONS") {
        // The client-side application can set only headers allowed in Access-Control-Allow-Headers
        return Response::make('OK', 200, $headers);
    }

    $response = $next($request);
    foreach($headers as $key => $value)
        $response->header($key, $value);
    return $response;
    return $next($request);
}
}

内核文件

class Kernel extends HttpKernel
{

protected $middleware = [
    \Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode::class,
    \App\Http\Middleware\EncryptCookies::class,
    \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
    \Illuminate\Session\Middleware\StartSession::class,
    \Illuminate\View\Middleware\ShareErrorsFromSession::class,
    /*\App\Http\Middleware\VerifyCsrfToken::class,*/
];


protected $routeMiddleware = [
    'auth' => \App\Http\Middleware\Authenticate::class,
    'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
    'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
    'jwt.auth' => \Tymon\JWTAuth\Middleware\GetUserFromToken::class,
    'jwt.refresh' => \Tymon\JWTAuth\Middleware\RefreshToken::class,
    'cors' => 'App\Http\Middleware\CORS',
];
}

Answer 1

现在有几个小时同样的问题。尝试了不同的解决方案(使用 barryvdh/laravel-cors library ，制作我自己的 CORS 中间件，在 index.php 文件中添加标题)但没有任何帮助。

现在我正在使用 https://github.com/neomerx/cors-illuminate它有效。

cors-illuminate 库和 laravel-cors 库的区别之一在于安装指南。
在 cors-illuminate 指南中，它明确指出您必须在之后直接添加中间件行

\Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode::class,

如果您在 CheckForMaintenanceMode 中间件之后直接添加中间件，也许 laravel-cors 库也可以工作。没试过。