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

前端之家收集整理的这篇文章主要介绍了angular – 上传图片时仅在iOS移动版Safari中出现错误的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"

猜你在找的Angularjs相关文章