Laravel CORS | Access control allow origin issue Solution

Most of the cases while we use API in our code that means when getting data from another domain or website to our website, sometimes we face some errors CORS, Access control allow origin Block in Laravel or in the console that Cors blocked or Access-control-allow-origin in Laravel using Vuejs, Angularjs, jquery. Below steps for the problem solution or how to deal with this problem:

Problems:

Access to XMLHttpRequest at ” from origin ‘http://localhost’ has been blocked by CORS policy: Request header field x-requested-with is not allowed by Access-Control-Allow-Headers in preflight response.

Cross-Origin Read Blocking (CORB) blocked cross-origin response http://s3.amazonaws.com/jscriptcdn/1f546f49ebf4153c8a.js with MIME type application/xml. See https://www.chromestatus.com/feature/5629709824032768 for more details.

Solutions

1. write on your terminal following line
   
   composer remove barryvdh/laravel-cors fruitcake/laravel-cors

   1	composer remove barryvdh/laravel-cors fruitcake/laravel-cors

2. write on your terminal following line
   
   composer require fruitcake/laravel-cors

   1	composer require fruitcake/laravel-cors

3. Go to your project_folder\app\Http\Kernel.php and check following is available or not in the protected $middleware = [ area
   
   \Fruitcake\Cors\HandleCors::class,

   1	\Fruitcake\Cors\HandleCors::class,

   
   For example my case
   
   protected $middleware = [ \App\Http\Middleware\TrustProxies::class, \Fruitcake\Cors\HandleCors::class, \App\Http\Middleware\CheckForMaintenanceMode::class, \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class, \App\Http\Middleware\TrimStrings::class, \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class, ];

   1 2 3 4 5 6 7 8 9

   protected $middleware = [         \App\Http\Middleware\TrustProxies::class,         \Fruitcake\Cors\HandleCors::class,         \App\Http\Middleware\CheckForMaintenanceMode::class,         \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,         \App\Http\Middleware\TrimStrings::class,         \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,   ];

   
   if not added, then add \Fruitcake\Cors\HandleCors::class, line
4. Go to your project_folder\config\cors.php and check following your file are exactly like mine
   
   <?php return [ 'paths' => ['api/*'], 'allowed_methods' => ['*'], 'allowed_origins' => ['*'], 'allowed_origins_patterns' => [], 'allowed_headers' => ['*'], 'exposed_headers' => [], 'max_age' => 0, 'supports_credentials' => false, ];

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

   <?php   return [            'paths' => ['api/*'],       'allowed_methods' => ['*'],       'allowed_origins' => ['*'],       'allowed_origins_patterns' => [],       'allowed_headers' => ['*'],       'exposed_headers' => [],       'max_age' => 0,       'supports_credentials' => false,   ];

   
    
5. Publish the config, for that write on your terminal following line:
   
   php artisan vendor:publish --tag="cors"

   1	php artisan vendor:publish --tag="cors"

   
    

   The official Package link for more info: https://packagist.org/packages/barryvdh/laravel-cors

Share with: