angular – 上传图片时仅在iOS移动版Safari中出现错误的CORS失败

发布时间：2020-12-17 08:48:25 所属栏目：安全来源：网络整理

导读：我在iOS 11.3.1和iOS模拟器上使用iPhone 6在移动Safari上遇到了一个奇怪的错误. 我有一个Ionic应用程序(PWA,而不是Cordova),使用Laravel(PHP)构建的后端API已经好几个月了.我已经配置了CORS,它工作正常. 我刚刚尝试实现一个新功能,我上传了一个图像,它只在移

我在iOS 11.3.1和iOS模拟器上使用iPhone 6在移动Safari上遇到了一个奇怪的错误.

我有一个Ionic应用程序(PWA,而不是Cordova),使用Laravel(PHP)构建的后端API已经好几个月了.我已经配置了CORS,它工作正常.

我刚刚尝试实现一个新功能,我上传了一个图像,它只在移动Safari上中断.

我看到OPTIONS请求通过,看起来是正确的.实际上,除了桌面Safari中的User-Agent工作之外,请求/响应看起来完全相同.

在桌面Safari上,这是一个成功的POST.

在移动版Safari上,POST甚至都没有尝试出去,相反,我收到一条消息无法加载资源：Access-Control-Allow-Origin不允许来源https://upload.geekity.com.尽管OPTIONS请求返回https://upload.geekity.com for Access-Control-Allow-Origin.

以下是桌面和移动游戏中OPTIONS和POST的Web检查器的屏幕截图.

你可以在这里查看来源：image-upload.

我真的不知道这里会发生什么,以这种方式失败.

用于laravel-5.4.*
在.htaccess文件中添加以下行

Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Headers "X-API-KEY,Origin,X-Requested-With,Content-Type,Accept,Authorization"

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!