【发布时间】:2016-02-07 18:20:00
【问题描述】:
我一直在尝试解决这个问题,但无法破解它。
我有一个 Laravel 后端和 Angular 前端。它们位于不同的域中,因为前端需要是 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);
}
}
kernel.php
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',
];
}
【问题讨论】:
-
您能发布您的请求返回的 HTTP 响应代码吗?我最近遇到了类似的问题,我的回复返回了 500 的代码,这是一个内部服务器错误。原来这与我的标题无关,而是我没有正确执行 CSRF。禁用 CSRF 使其工作。也许尝试一下,看看它是否真的是一个 CORS 问题或其他类似的问题?
-
好的,我知道你在哪里禁用了 CSRF,所以不是那样的。不过,了解 HTTP 响应代码可以提供一些见解。
标签: laravel post laravel-5 resources cors