Laravel 5 API和离子1（角度1）的CORS问题

Question

Angular 1和My API中的前端应用程序是基于Laravel构建的，并且位于不同的服务器中，因此请确保我将遇到跨源请求共享（CORS）问题，并且我的API将不会返回预期的结果。

我遇到了这个问题，根据一些解决方案，我在Laravel的index.php上添加了一些（以下代码）标头，但仍然无法解决该问题。

header（'Access-Control-Allow-Origin：*'）;

header（'Access-Control-Allow-Methods：*'）;

header（'Access-Control-Allow-Headers：*'）;

错误消息：在Chrome浏览器上，

对预检请求的响应未通过访问控制检查：请求的资源上不存在“ Access-Control-Allow-Origin”标头。 因此，不允许访问源' http：// localhost：8100 '。

Answer 1

您不应该在index.php上手动修改标题。 Laravel可能会覆盖标头，此外，您无法确定何时调用header()函数（如果是偶数）。

您可以实现某种拦截器来捕获每个请求并设置CORS标头。 或者您可以尝试一些类似于https://github.com/barryvdh/laravel-cors的库

Answer 2

您的标头仅被添加到GET / POST吗？ 因为问题出在预检OPTIONS请求中-您需要确保至少要为OPTIONS请求返回Access-Control-Allow-Origin响应标头。