angularjs - 身份验证中的 Laravel Angular CORS 问题

Question

我正在按照本教程使用 Laravel 和 Angular 使用 token 设置身份验证。

https://scotch.io/tutorials/token-based-authentication-for-angularjs-and-laravel-apps

这工作正常，但是当我单独托管 Laravel(作为后端)并且在另一个域上托管 Angular 前端时，我在控制台中收到了愚蠢的错误:-

XMLHttpRequest cannot load http://jotdot.mysite.com/api/authenticate.
Response to preflight request doesn't pass access control check: The 
'Access-Control-Allow-Origin' header contains multiple values '*, *', but 
only one is allowed. Origin 'http://jotdotfrontend.mysite.com' is 
therefore not allowed access.

我在 Laravel 中放置了一个 CORS 中间件，它适用于简单的路由。

class Cors
{
/**
 * Handle an incoming request.
 *
 * @param  \Illuminate\Http\Request  $request
 * @param  \Closure  $next
 * @return mixed
 */
public function handle($request, Closure $next)
{
    return $next($request)->header('Access-Control-Allow-Origin', '*')-  >header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
}

}

我如何将 CORS 中间件添加到此:-

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

将它添加到 ['prefix' => 'api'] 旁边并没有解决问题。

谢谢

Answer 1

我认为您的问题是您的中间件很可能充当“后”中间件，因此在请求返回给客户端之前不会修改请求。相反，它在发送请求后修改请求，这对您没有任何好处。

尝试修改您的 handle像这样的功能:

public function handle($request, Closure $next)
{
    $request->header('Access-Control-Allow-Origin', '*');
    $request->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
    $request->header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');

    return $next($request);
}