使用VUE

Question

我们正在使用的一个项目，该项目已经使用的WebPack的vue-bulma-admin支架，我们似乎无法执行任何POST/PUT请求我们的API（已设置访问交叉允许来源CORS问题头文件*），只有GET请求的作品。从消耗我们的API不同的前端，我们没有这个问题，只能用这种特定的前端，这让因为这常见的错误：

"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. 

我们已经尝试设置自定义页眉在axios/vue-resource，但没有成功。正如我所说的，通过Postman /不同的前端或CORS chrome扩展使用相同的路线，一切正常。

任何想法，以解决此问题？

我中间件一个Cors在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

我用包https://github.com/barryvdh/laravel-cors