CORS Ausgabe in Lumen für POST

Question

Meine Lumen Middleware den folgenden Code

public function handle($request, Closure $next) 
{ 
    //Intercepts OPTIONS requests 
    if($request->isMethod('OPTIONS')) { 
     $response = response('', 200); 
    } else { 
     // Pass the request to the next middleware 
     $response = $next($request); 
    } 

    // Adds headers to the response 
    $response->header('Access-Control-Allow-Methods', 'HEAD, GET, POST, PUT, PATCH, DELETE'); 
    $response->header('Access-Control-Allow-Headers', $request->header('Access-Control-Request-Headers')); 
    $response->header('Access-Control-Allow-Origin', '*'); 

    // Sends it 
    return $response; 
} 

hat ich Postbote können Anfragen senden und es wird Antwort zu bekommen. Wenn ich eine Post-Anfrage über die vue.js-HTTP-Methode sende, wird der gesicherte Cross-Origin-Request-Fehler angezeigt.

Answer 1

Einige Änderungen in Middleware für mich gearbeitet

public function handle($request, Closure $next) 
{ 
    $allowedDomains = array("http://localhost:8080"); 
    $origin = $request->server('HTTP_ORIGIN'); 
    if(in_array($origin, $allowedDomains)){ 
     //Intercepts OPTIONS requests 
     if($request->isMethod('OPTIONS')) { 
      $response = response('', 200); 
     } else { 
      // Pass the request to the next middleware 
      $response = $next($request); 
     } 
     // Adds headers to the response 
     $response->header('Access-Control-Allow-Origin', $origin); 
     $response->header('Access-Control-Allow-Methods', 'OPTIONS, HEAD, GET, POST, PUT, PATCH, DELETE'); 
     $response->header('Access-Control-Allow-Headers', $request->header('Access-Control-Request-Headers')); 
    } 

    // Sends it 
    return $response; 
}