为啥 Laravel 中间件 CORS 不能与 Vue.js 一起使用

Posted

技术标签:

【中文标题】为啥 Laravel 中间件 CORS 不能与 Vue.js 一起使用【英文标题】:Why did Not working Laravel middleware CORS with Vue.js为什么 Laravel 中间件 CORS 不能与 Vue.js 一起使用 【发布时间】:2019-07-09 08:31:16 【问题描述】:

使用 Laravel 5.7 作为后端,使用 Vue.js 作为前端。所以,我需要从 Vue 向 Laravel 后端发送 http 请求。所以,我使用 Laravel CORS 包来使用 github 链接,如下https://github.com/barryvdh/laravel-cors,但它没有成功并且(不将数据传递给表 fron vue)。我的控制台错误是`Cross-Origin Request Blocked: The Same Origin Policy disallows read the remote resource at http://localhost:8000/api/addItem。 (原因:CORS 请求未成功)。

如何解决这个错误?`

【问题讨论】:

【参考方案1】:

如果您使用https,它仅适用于本地主机和生产环境,那么此问题将不再引发。但是对于本地测试,您可以在禁用的安全模式下打开 chrome 浏览器。详细操作方法

Access-Control-Allow-Origin (Laravel & Vue)

【讨论】:

我怎样才能为 firefox 做到这一点? 网上有一些文章可以禁用 Firefox 中的网络安全,但这些文章不起作用。您可以检查 IE11 应该没有问题,因为网络安全没有像 chrome 那样实现

以上是关于为啥 Laravel 中间件 CORS 不能与 Vue.js 一起使用的主要内容,如果未能解决你的问题,请参考以下文章

Laravel 6 CORS 政策问题与 API

带有标题集的流明/laravel中的CORS问题

Angular IO 与 Laravel Lumen PHP API CORS 问题

php Laravel 5.6 CORS中间件

Laravel & VueJS CORS 尝试对用户进行身份验证时出现问题,即使使用 Cors 中间件也是如此

Laravel Cors 中间件不适用于 POST 请求