错误：laravel / VueJS ajax请求中的CORS

Question

在使用VueJS向我的Laravel应用程序发出AJAX请求时，我遇到了跨源问题。 我已经用Laravel 5.3写回了最终API

Answer 1

如果您正在使用XMLHttpRequest到与您的网页不同的域，则您的浏览器会阻止它，因为出于安全原因，它通常允许来自同一来源的请求。当您想要执行跨域请求时，您需要做一些不同的事情。有关如何实现这一目标的教程是 Using CORS 。

当您使用邮递员时，他们不受此政策的限制。引自 Cross-Origin XMLHttpRequest ：

  

常规网页可以使用XMLHttpRequest对象从远程服务器发送和接收数据，但它们受到相同原始策略的限制。扩展不是那么有限。扩展可以与其来源之外的远程服务器通信，只要它首先请求跨源权限。

要解决此问题，您的外部API服务器必须通过设置以下标头来支持cors请求：

header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');

可以按照评论中的建议laravel-cors完成。

Answer 2

这是我使用的Cors Middleware：

at