Cocos2d-js 解决跨域问题的3种办法

        最近琐事太多，近半月抽不出时间写博客，最近几天，莫名感觉从头到脚都散发出一股颓废的气息。与各位码农兄弟们一起讲经论道一直是我最愿意做的事，一段时间不做，总感觉憋得慌，下面我为大家带来的一篇关于跨域问题的解决方法的文章，原文出处：http://gavinliu.cn/，该文章是笔者于201 6/12/14发表，到现在为止，读过的人还不到200，人数确实有点少。我个人对跨域问题理解的深度不够，不知其中有无疏漏之处，欢迎各位看官不吝赐教。

Ajax跨域

跨域不外乎以下几种情况：

URL结果原因http://a.b.com/image.png成功 http://a.b.com/res/a.png成功 https://a.b.com/res/b.png失败协议不同http://a.b.com:8080/res/b.png失败端口不同http://g.b.com/res/c.png失败主机名不同

解决方案

服务器转发

既然跨域不能访问，那么可以把自己的服务器做个跳板，先访问自己服务器，然后再转发到目标资源。

配置跨域支持

配置跨域资源的服务器返回的http头信息：

1

Access-Control-Allow-Origin: [你的域名] 或者通配成 * 表示允许任何域，跨域访问。

• 图片在CDN的话，比如七牛，公开数据，默认就是支持跨域的
• 自建的静态文件服务器的话，需要自己查询一下，如何配置http header

php代码

1

header('Access-Control-Allow-Origin: *');

奇淫绝技

先在页面上写一个 <img> 标签，把图片下载下来，下载完成后隐藏 <img> ，然后在 Cocos2d-js 中读取。

<img src="http://172.17.132.113:8081/image_pack.png" onload="load(this)"/><script type="text/javascript">    function load(image) {        console.log("image load finish");        image.style.display = "none";    }    var res = ["http://172.17.132.113:8081/image_pack.plist", "http://172.17.132.113:8081//image_pack.png"];    cc.loader.load(res, function () {        cc.spriteFrameCache.addSpriteFrames(res[0], res[1]);        that.initScene();    });</script>