리액트에서 라라벨API 호출할때 CORS 문제

아래 솔루션은 Laravel의 CORS 관련 문제를 해결해야 합니다.

1단계: 새 미들웨어 생성(Cors.php 파일)

php artisan make:middleware Cors

2 단계:

Cors.php 파일을 열어 handle function 을 아래와 같이 수정.

public function handle($request, Closure $next) {
    return $next($request)
      ->header('Access-Control-Allow-Origin', '*')
      ->header('Access-Control-Allow-Methods', '*')
      ->header('Access-Control-Allow-Headers',' Origin, Content-Type, Accept, Authorization, X-Request-With')
      ->header('Access-Control-Allow-Credentials',' true');
}

 

3단계:

그런 다음 Kernel.php 파일로 이동하여 미들웨어에 추가.

 

protected $middleware = [
    \Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode::class,
    \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
    \App\Http\Middleware\TrimStrings::class,
    \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
    \App\Http\Middleware\TrustProxies::class,
    \App\Http\Middleware\Cors::class,//cors 여기에 추가
 ];

출처 https://stackoverflow.com/questions/56158474/cors-issue-with-react-app-and-laravel-api