如何在带有端口的reactjs的Laravel中处理CORS问题

如何解决如何在带有端口的reactjs的Laravel中处理CORS问题

我正面临从laravel到reactjs的api的CORS问题。

我在5555端口上运行laravel，而reactjs在3000上运行。

我有一个中间件，允许'http：// localhost：5555'的来源。但这仍然给我一个错误。

我的中间件在下面。

<?PHP
  namespace App\Http\Middleware;
  use Closure;

  class HandleCors {
    /**
      * Handle an incoming request.
      *
      * @param  \Illuminate\Http\Request  $request
      * @param  \Closure  $next
      * @return mixed
      */
    public function handle($request,Closure $next) {
      $allowedOrigins = ['http://localhost:5555'];
      $origin = $request->server('HTTP_ORIGIN');

      if (in_array($origin,$allowedOrigins)) {
        return $next($request)
          ->header('Access-Control-Allow-Credentials','true')
          ->header('Access-Control-Allow-Origin',$origin)
          ->header('Access-Control-Allow-Methods','GET,POST,PUT,DELETE,OPTIONS')
          ->header('Access-Control-Allow-Headers','Content-Type,Cache-Control'); //in case if you want all (*)
      }

      return $next($request);
    }
  }

这是自定义代码，我没有为CORS安装任何软件包。 如何解决这个问题？

这是错误>>

Access to XMLHttpRequest at 'http://localhost:5555/api/MethodName' from origin 'http://localhost:3000' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'http://localhost:5555' that is not equal to the supplied origin.