Probleme mit CORS mit vue

Question

Wir verwenden das vue-bulma-admin Scaffold für ein Projekt, das bereits webpack verwendet, und wir können anscheinend keine POST/PUT-Anfragen an unsere API senden (die bereits access-cross-allow-origin setzt) Header zu *), funktioniert nur GET-Anfragen. Von verschiedenen Frontends, die unsere API verbraucht, haben wir dieses Problem nicht, nur mit diesem speziellen Front-End, die als dieser gemeinsamen Fehler gibt:

"No 'Access-Control-Allow-Origin' header is present on the requested resource."

Response to preflight request doesn't pass access control check: 
No 'Access-Control-Allow-Origin' header is present on the requested 
resource. 

Wir haben bereits versucht, benutzerdefinierte Header zu setzen auf axios/vue-resource, aber ohne Erfolg. Wie ich schon sagte, mit den gleichen Routen durch Postman/verschiedene Front-Ends oder mit der CORS Chrome-Erweiterung funktioniert alles gut.

Irgendwelche Ideen um dies zu umgehen?

Meine Middleware Cors in Laravel API.

<?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) 
    { 
     return $next($request) 
      ->header('Access-Control-Allow-Origin', '*') 
      ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS'); 
    } 
} 

Answer 1

aufgelöst ich mein Problem ein Paket mit https://github.com/barryvdh/laravel-cors