最近琐事太多,近半月抽不出时间写博客,最近几天,莫名感觉从头到脚都散发出一股颓废的气息。与各位码农兄弟们一起讲经论道一直是我最愿意做的事,一段时间不做,总感觉憋得慌,下面我为大家带来的一篇关于跨域问题的解决方法的文章,原文出处: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头信息:
|
|
- 图片在CDN的话,比如七牛,公开数据,默认就是支持跨域的
- 自建的静态文件服务器的话,需要自己查询一下,如何配置
http header
|
|
奇淫绝技
先在页面上写一个 <img>
标签,把图片下载下来,下载完成后隐藏 <img>
,然后在 Cocos2d-js
中读取。
<img src="http://172.17.132.113:8081/image_pack.png" οnlοad="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>