CORS，laravel和POST'ing数据

Question

我正在编写一个vue应用程序，以使用axios将数据发布到由laravel支持的API。 该API具有用于创建资源的POST路由。 我设置了CORS，可以成功获取数据。 但是，当我尝试发布数据时，“网络”选项卡显示正在执行OPTIONS请求，没有返回任何内容，也没有后续的POST请求。

使用axios：通过以下方式发出POST请求： axios.post(url);

但实际上没有发出POST请求，只有OPTIONS请求带有： axios.post(url,data) 。

我用slim制作了一个简单的api，并且没有类似的问题，所以我假设这是laravel特有的东西？

没有服务器日志错误，laravel日志也不显示任何错误。 浏览器控制台中的错误是： Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://api/api/zones/save. (Reason: CORS header 'Access-Control-Allow-Origin' missing). Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://api/api/zones/save. (Reason: CORS header 'Access-Control-Allow-Origin' missing).

更新

这些是作为请求发送的标头：

Host: apiurl
User-Agent: ....
Accept: text/html,application/xhtml+xm…plication/xml;q=0.9,*/*;q=0.8
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Access-Control-Request-Method: POST
Access-Control-Request-Headers: content-type
Origin:null
DNT: 1
Connection: keep-alive

我了解预检，但是我使用slim制作的API使用相同的axios代码通过了预检，并且发出了发布请求。 我不确定laravel API为什么不这样做。

更新2这些是OPTIONS响应的标头

Server  nginx/1.10.3 (Ubuntu)
Content-Type    text/html; charset=UTF-8
Transfer-Encoding   chunked
Connection  keep-alive
Allow   GET,HEAD,POST
Cache-Control   no-cache, private
Date    Fri, 03 Nov 2017 20:46:47 GMT
Content-Encoding    gzip

这是我用于laravel中间件的代码：

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', 'X-Requested-With, Content-Type, Accept, Origin, Authorization')
        ;
    }
}

我将此代码包含在“ api”键下的内核中