没有“Access-Control-Allow-Origin”标头 - Laravel

Question

XMLHttpRequest 无法加载http://myapi/api/rating 。 对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。 因此不允许访问源“ http://localhost:8104 ”。 响应具有 HTTP 状态代码 403。

我不明白为什么我不能发出 CORS 请求。 我这里已经安装了中间件，添加到全局http内核中，还是不行。 尝试根据 stackoverflow 的建议创建自定义中间件，但这也没有用。 还尝试添加一个 Route 组。 最后，我尝试在请求操作中手动设置响应标头。 我真的被卡住了 - 感谢帮助！

查看代码： https ://gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 1

XMLHttpRequest无法加载http：// myapi / api / rating 。 对预检请求的响应未通过访问控制检查：在所请求的资源上不存在“ Access-Control-Allow-Origin”标头。 因此，不允许访问源“ http：// localhost：8104 ”。 响应的HTTP状态码为403。

我不知道为什么我不能提出CORS请求。 我已经在此处安装了中间件，并将其添加到了全局http内核中，但仍然无法正常工作。 尝试创建给定stackoverflow建议的自定义中间件，但这也行不通。 还尝试添加路由组。 最后，我尝试在请求操作中手动设置响应头。 我真的很困-感谢您的帮助！

参见代码： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 2

XMLHttpRequest无法加载http：// myapi / api / rating 。 对预检请求的响应未通过访问控制检查：在所请求的资源上不存在“ Access-Control-Allow-Origin”标头。 因此，不允许访问源“ http：// localhost：8104 ”。 响应的HTTP状态码为403。

我不知道为什么我不能提出CORS请求。 我已经在此处安装了中间件，并将其添加到了全局http内核中，但仍然无法正常工作。 尝试创建给定stackoverflow建议的自定义中间件，但这也行不通。 还尝试添加路由组。 最后，我尝试在请求操作中手动设置响应头。 我真的很困-感谢您的帮助！

参见代码： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 3

XMLHttpRequest无法加载http：// myapi / api / rating 。 对预检请求的响应未通过访问控制检查：在所请求的资源上不存在“ Access-Control-Allow-Origin”标头。 因此，不允许访问源“ http：// localhost：8104 ”。 响应的HTTP状态码为403。

我不知道为什么我不能提出CORS请求。 我已经在此处安装了中间件，并将其添加到了全局http内核中，但仍然无法正常工作。 尝试创建给定stackoverflow建议的自定义中间件，但这也行不通。 还尝试添加路由组。 最后，我尝试在请求操作中手动设置响应头。 我真的很困-感谢您的帮助！

参见代码： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 4

XMLHttpRequest无法加载http：// myapi / api / rating 。 对预检请求的响应未通过访问控制检查：在所请求的资源上不存在“ Access-Control-Allow-Origin”标头。 因此，不允许访问源“ http：// localhost：8104 ”。 响应的HTTP状态码为403。

我不知道为什么我不能提出CORS请求。 我已经在此处安装了中间件，并将其添加到了全局http内核中，但仍然无法正常工作。 尝试创建给定stackoverflow建议的自定义中间件，但这也行不通。 还尝试添加路由组。 最后，我尝试在请求操作中手动设置响应头。 我真的很困-感谢您的帮助！

参见代码： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 5

XMLHttpRequest无法加载http：// myapi / api / rating 。 对预检请求的响应未通过访问控制检查：在所请求的资源上不存在“ Access-Control-Allow-Origin”标头。 因此，不允许访问源“ http：// localhost：8104 ”。 响应的HTTP状态码为403。

我不知道为什么我不能提出CORS请求。 我已经在此处安装了中间件，并将其添加到了全局http内核中，但仍然无法正常工作。 尝试创建给定stackoverflow建议的自定义中间件，但这也行不通。 还尝试添加路由组。 最后，我尝试在请求操作中手动设置响应头。 我真的很困-感谢您的帮助！

参见代码： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 6

XMLHttpRequest无法加载http：// myapi / api / rating 。 对预检请求的响应未通过访问控制检查：在所请求的资源上不存在“ Access-Control-Allow-Origin”标头。 因此，不允许访问源“ http：// localhost：8104 ”。 响应的HTTP状态码为403。

我不知道为什么我不能提出CORS请求。 我已经在此处安装了中间件，并将其添加到了全局http内核中，但仍然无法正常工作。 尝试创建给定stackoverflow建议的自定义中间件，但这也行不通。 还尝试添加路由组。 最后，我尝试在请求操作中手动设置响应头。 我真的很困-感谢您的帮助！

参见代码： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 7

在我的例子中，我运行了更新以将 Laravel 从 v7.x 移动到 v9.x 并导致本地主机 API 访问 CORS 错误。

如果以上都不适合您，我将我的问题追溯到 TrustProxies 中间件中的 $headers 变量。

这个变量的原始值是 Request::HEADER_X_FORWARDED_ALL；

将其更新到下面后，它又恢复了生机。

请求::HEADER_X_FORWARDED_FOR | 请求::HEADER_X_FORWARDED_HOST | 请求::HEADER_X_FORWARDED_PORT | 请求::HEADER_X_FORWARDED_PROTO | 请求::HEADER_X_FORWARDED_AWS_ELB;

请参阅https://laravel.com/docs/9.x/upgrade和可信代理部分以供参考。

这对我来说意味着，阅读整个升级文档，即使您认为元素不适用于您的项目......

Answer 8

XMLHttpRequest无法加载http：// myapi / api / rating 。 对预检请求的响应未通过访问控制检查：在所请求的资源上不存在“ Access-Control-Allow-Origin”标头。 因此，不允许访问源“ http：// localhost：8104 ”。 响应的HTTP状态码为403。

我不知道为什么我不能提出CORS请求。 我已经在此处安装了中间件，并将其添加到了全局http内核中，但仍然无法正常工作。 尝试创建给定stackoverflow建议的自定义中间件，但这也行不通。 还尝试添加路由组。 最后，我尝试在请求操作中手动设置响应头。 我真的很困-感谢您的帮助！

参见代码： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 9

XMLHttpRequest无法加载http：// myapi / api / rating 。 对预检请求的响应未通过访问控制检查：在所请求的资源上不存在“ Access-Control-Allow-Origin”标头。 因此，不允许访问源“ http：// localhost：8104 ”。 响应的HTTP状态码为403。

我不知道为什么我不能提出CORS请求。 我已经在此处安装了中间件，并将其添加到了全局http内核中，但仍然无法正常工作。 尝试创建给定stackoverflow建议的自定义中间件，但这也行不通。 还尝试添加路由组。 最后，我尝试在请求操作中手动设置响应头。 我真的很困-感谢您的帮助！

参见代码： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 10

XMLHttpRequest无法加载http：// myapi / api / rating 。 对预检请求的响应未通过访问控制检查：在所请求的资源上不存在“ Access-Control-Allow-Origin”标头。 因此，不允许访问源“ http：// localhost：8104 ”。 响应的HTTP状态码为403。

我不知道为什么我不能提出CORS请求。 我已经在此处安装了中间件，并将其添加到了全局http内核中，但仍然无法正常工作。 尝试创建给定stackoverflow建议的自定义中间件，但这也行不通。 还尝试添加路由组。 最后，我尝试在请求操作中手动设置响应头。 我真的很困-感谢您的帮助！

参见代码： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 11

XMLHttpRequest无法加载http：// myapi / api / rating 。 对预检请求的响应未通过访问控制检查：在所请求的资源上不存在“ Access-Control-Allow-Origin”标头。 因此，不允许访问源“ http：// localhost：8104 ”。 响应的HTTP状态码为403。

我不知道为什么我不能提出CORS请求。 我已经在此处安装了中间件，并将其添加到了全局http内核中，但仍然无法正常工作。 尝试创建给定stackoverflow建议的自定义中间件，但这也行不通。 还尝试添加路由组。 最后，我尝试在请求操作中手动设置响应头。 我真的很困-感谢您的帮助！

参见代码： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 12

XMLHttpRequest无法加载http：// myapi / api / rating 。 对预检请求的响应未通过访问控制检查：在所请求的资源上不存在“ Access-Control-Allow-Origin”标头。 因此，不允许访问源“ http：// localhost：8104 ”。 响应的HTTP状态码为403。

我不知道为什么我不能提出CORS请求。 我已经在此处安装了中间件，并将其添加到了全局http内核中，但仍然无法正常工作。 尝试创建给定stackoverflow建议的自定义中间件，但这也行不通。 还尝试添加路由组。 最后，我尝试在请求操作中手动设置响应头。 我真的很困-感谢您的帮助！

参见代码： https : //gist.github.com/KerryRitter/0d7ababb7b9eb8d54f0ae55add9704a1

Answer 13

只需添加这个就可以了

header('Access-Control-Allow-Origin:  *');
header('Access-Control-Allow-Origin:  http://localhost:3000');
header('Access-Control-Allow-Headers:  Content-Type, X-Auth-Token, Authorization, 
Origin');
header('Access-Control-Allow-Methods:  POST, PUT');