iPhone Chrome&iPhone UC浏览器jsonp accept bug & h5 Access-Control-Allow-Origin跨域

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了iPhone Chrome&iPhone UC浏览器jsonp accept bug & h5 Access-Control-Allow-Origin跨域，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1074字，纯文字阅读大概需要2分钟。

内容图文

在iPhone 的chrome和UC浏览器中，当使用jsonp的形式跨域时，request的accept会是：*/*;image/webp。

在后端没有对content-type做特殊处理时，会直接返回 image/webp，这时，chrome和uc会无法执行jsonp返回的js。

 

解决方案：

1、放弃jsonp形式跨域、改用设置Access-Control-Allow-Origin

http://www.alloyteam.com/2012/11/html5-cors/?wpmp_switcher=mobile

2、需要cookie跨域时，

后端设置：

Access-Control-Allow-Credentials:true ，

ajax设置：

xhrFields: {
　　withCredentials: true
}

需要注意，此时 Access-Control-Allow-Origin就不能设置为 *

不然报错如下：

XMLHttpRequest cannot load http://api.d.driver.edaijia.cn/workbench/userInfo?appkey=51000031&ver=3&met…11:16&ssid=u8srbnhpv2cogetnvaudrb3974&sig=61be8551eb4f8a8e3007ef748602df5e. A wildcard ‘*‘ cannot be used in the ‘Access-Control-Allow-Origin‘ header when the credentials flag is true. Origin ‘http://h5.d.edaijia.cn‘ is therefore not allowed access.

iPhone Chrome&iPhone UC浏览器jsonp accept bug & h5 Access-Control-Allow-Origin跨域

标签：

本文系统来源：http://www.cnblogs.com/hbxeagle/p/4773717.html

内容总结

以上是互联网集市为您收集整理的iPhone Chrome&iPhone UC浏览器jsonp accept bug & h5 Access-Control-Allow-Origin跨域全部内容，希望文章能够帮你解决iPhone Chrome&iPhone UC浏览器jsonp accept bug & h5 Access-Control-Allow-Origin跨域所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---