Angular + LaravelプロジェクトのCORS問題

Question

Laravelによって構築されたRESTful APIにアクセスしているAngularを使用してWebアプリケーションを作成する際に問題があります。 正しいヘッダーを渡すミドルウェアを作成しましたが、機能しません。

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-Credentials', 'true') 
      ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS') 
      ->header('Access-Control-Allow-Headers', 'X-Requested-With, Content-Type, X-Auth-Token, Origin, Authorization'); 
    } 
} 

いずれかを教えてください。

Answer 1

これは厄介な問題ですが、私は知っていますが、2つの解決策があります。

1.

あなたはルートを呼び出すすべてのAPIのためのOPTIONSメソッドを定義し、それはあなたが以下のように作成したミドルウェアを渡します

Route::options('todos/{any?}', ['middleware' => 'cors', function(){return;}]); 
Route::options('projects/{any?}', ['middleware' => 'cors', function(){return;}]); 

あなたはLaravelコアクラスファイルをハック、 OPTIONS要求ごとにCORSヘッダーを渡すようにします。それはOPTIONSのためのCORSヘッダを渡すように、あなたは、次のように機能

protected function getRouteForMethods($request, array $methods) 
    { 
     if ($request->method() == 'OPTIONS') { 
      return (new Route('OPTIONS', $request->path(), function() use ($methods) { 
       return new Response('', 200, ['Allow' => implode(',', $methods)]); 
      }))->bind($request); 
     } 

     $this->methodNotAllowed($methods); 
    } 

更新この機能を以下のでしょう

/vendor/laravel/framework/src/framework/Illuminate/Routing/RouteCollection.php 

で

がためにそう

protected function getRouteForMethods($request, array $methods) 
    { 
     if ($request->method() == 'OPTIONS') { 
      return (new Route('OPTIONS', $request->path(), function() use ($methods) { 
       return new Response('', 200, [ 
        'Allow' => implode(',', $methods), 
        'Access-Control-Allow-Origin' => '*', 
        'Access-Control-Allow-Credentials' => 'true', 
        'Access-Control-Allow-Methods' => 'GET, POST, PUT, DELETE, OPTIONS', 
        'Access-Control-Allow-Headers' => 'X-Requested-With, Content-Type, X-Auth-Token, Origin, Authorization', 
       ]); 

      }))->bind($request); 
     } 

     $this->methodNotAllowed($methods); 
    } 

を要求します私は、両方のソリューションが正常に動作します。選択はあなたのものです。 しかし、ソリューション＃2はLaravelコアをハックするものですが、Laravel自体をアップグレードすると問題が発生する可能性があります。しかし、少なくともそれはコーディングが少なくなっています。 ：D

これらのソリューションが役立つことを願っています。