Laravel 和 vue 不提交数据而不是从数据库中查询数据

Posted 2023-03-04

【中文标题】Laravel 和 vue 不提交数据而不是从数据库中查询数据

【英文标题】：Laravel and vue not submitting data not querying data from database

【发布时间】：2019-07-28 03:02:22

【问题描述】：

Helo，我是 Vue.js 的新手，正在使用 laravel 和 vue 来练习一些 crud 应用程序。它不提交也不查询数据，， 当我在 chrome 上查看时，它会出现此错误；

从源“http://laravelvue2.test”访问“http://localhost:8000/items”处的 XMLHttpRequest 已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。

【问题讨论】：

Vuejs and Laravel Post Request CORS的可能重复

【参考方案1】：

从不同域访问后端时，您需要使用Access-Control-Allow-Origin 标头进行响应。在此示例中，Access-Control-Allow-Origin 的值必须为 http://localhost:8000。

在 laravel 中为响应添加标题非常简单：https://laravel.com/docs/5.7/responses#attaching-headers-to-responses

你也可以使用这个库：https://github.com/barryvdh/laravel-cors