【发布时间】：2023-03-13 08:42:01
【问题描述】：
我正在开发一个 Laravel API + Vue.js 前端应用程序。这两个项目位于不同的服务器上。我在生产中遇到了 CORS 政策问题（在本地我有，但我设法解决了它）。
所以基本上，现在有 2 个错误。我遇到了这个错误：
从源“--Vue url--”访问“--Laravel url--”处的 XMLHttpRequest 已被 CORS 策略阻止：Access-Control-Allow-Headers 不允许请求标头字段内容类型预检响应。
当我的同事收到此错误时：
从源“--Vue url--”访问“--Laravel url--”处的 XMLHttpRequest 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：没有“访问控制-请求的资源上存在 Allow-Origin' 标头。
我们尝试了一些方法： 在 Laravel 端配置 CORS：
- 设置 CORS 中间件 - 无效
- 更改 CORS 配置 .php 文件 - 无效 在 Vue 端配置 CORS：
- 将原始标题添加到表单 - 无效
响应也在浏览器中显示为同一站点，尽管它不是。
有人可以帮忙吗？近 3 天我们一直在寻找答案。
【问题讨论】：
-
你试过使用 Laravel Sanctum 吗？它是专门为这些场景创建的：laravel.com/docs/8.x/sanctum
-
嗨，是的，我们试过了。我们现在有一个不同的问题。