React应用程序和Laravel API发布CORS

Question

我有一个React应用程序，位于http://localhost:3000/，而Laravel API位于http://localhost/blog/public/API/
我得到以下错误

CORS策略阻止了在“http：//localhost/blog/public/api/auth/signin”从origin“http：//localhost:3000”获取的访问：请求的资源上没有“access-control-allow-origin”标头。如果一个不透明的响应满足您的需要，请将请求的模式设置为“no-cors”以获取禁用CORS的资源。

以下是响应头：-

我通过htaccess，https://packagist.org/packages/barryvdh/laravel-cors进行了尝试

Answer 1

下面的解决方案可以解决Laravel中的CORS相关问题。

步骤1：创建新的中间件

‘Php artisan make:middleware cors’

第二步：

将下面放在创建的中间来替换handle方法

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

第三步：

然后转到kernel.php文件并将其添加到应用程序的全局HTTP中间件堆栈中。

附注。只添加了注释的最后一行，其他行都存在于前面。

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 added here 
 ];

好好享受！