How To Solve CORS issue in Laravel and make Laravel CORS Middleware
Sometimes we need backend as a Laravel framework which is run on another port normally it run on http://localhost:8000/ and other frontend framework run on another port. then this problem arrives. So let's solve this issue. Create a Middleware into this location App\Http\Middleware CORS.php Ok, register Middleware in your app\Http\Kernel.php file like this Now we can use a route like this. Now you can use Laravel API for Vue, Nuxt js, React, or any other Frontend. So here we completed blog post on How To Solve CORS issue in Laravel and make Laravel CORS Middleware hope it helps you.Step: 1 Create a Middleware
<?php namespace App\Http\Middleware;
use Closure;
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;
}
}Step: 2 Register middleware into Kernel.php
protected $routeMiddleware = [
//other middlewares
'cors' => 'App\Http\Middleware\CORS',
];Step: 3 Route
Route::get('blogs/list', array('middleware' => 'cors', 'uses' => 'BlogController@bloglist'));
About the author
Brijpal Sharma
Hello, My Name is Brijpal Sharma. I am a Web Developer, Professional Blogger and Digital Marketer from India. I am the founder of Codermen. I started this blog to help web developers & bloggers by providing easy and best tutorials, articles and offers for web developers and bloggers...
You must be logged in to post a comment.
You may also be interested in...
Fix XAMPP server error xampp-control.ini Access is deniedHow To Solve CORS issue in Laravel and make Laravel CORS Middleware
How To Integrate CKFinder with CKEditor
Show and Edit Dynamic Data In Modal Popup PHP
How To Use Laravel 7 Blade Component [New Feature in Laravel 7]
How To Display A Loader While Sent Request Is In Progress In Vue
Validation Handling In Laravel Vue Error Step By Step
How To Use Tinker To Store Data in Database In Laravel 6
How To Install Vue User Interface and Vue Router in Laravel 6
How to Display multilevel subcategory of a category using JSON in PHP(Laravel)
