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

本文详细介绍了几种常见的跨域情况及失败原因,并提供了多种解决方案,包括服务器转发、配置跨域支持等,同时给出了PHP代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        最近琐事太多,近半月抽不出时间写博客,最近几天,莫名感觉从头到脚都散发出一股颓废的气息。与各位码农兄弟们一起讲经论道一直是我最愿意做的事,一段时间不做,总感觉憋得慌,下面我为大家带来的一篇关于跨域问题的解决方法的文章,原文出处: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" ο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>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值