CocosCreator cc.loader.load 下载图片跨域问题

CocosCreator 下载网络图片时报错:

Access to Image at ‘http://…/download/img/ranking/beihai.png’ from origin ‘http://localhost:7456’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:7456’ is therefore not allowed access.

大致意思就是:来自源’http://localhost:7456’的图片资源请求’http://…/download/img/ranking/beihai.png’已被跨源协议 拦截:请求中头缺少‘Access-Control-Allow-Origin’,因此源’http://localhost:7456’不允许访问。

报以上错误 是因为图片存放的服务器不允许跨域访问,所以图片存的服务器要设置允许跨域就能下载图片了。

然后下载图片的这个方法:

cc.loader.load(url, async function(err, texture){
   if(err){
              console.log("图片下载失败", url, err);
              return;
    }

    let frame = new cc.SpriteFrame(texture);
    if (ImgNode.isValid){ImgNode.getComponent(cc.Sprite).spriteFrame = frame;}
});

这个是url必须有后缀的情况下使用的下载方法,但是微信的头像链接是没有后缀的,网上有个方法就是url+“?aa=aa.jpg”。

链接问号后面加的东西是参数,服务器选择性处理,因为cocos这里图片下载是必须加后缀;而微信头像存的就是没有后缀的,加了后缀就不是正确链接了。这是一个图片url,但实际上我们又不改变它的实际链接。

注:之后发现Android可以下载图片了,ios有些图片可以下,有些图片下载失败,后来就把http改成 https就可以完美下载了 。

域名或 端口号不同就是 跨域;相同域名、相同协议 、端口号相同就是 同域。

同源策略 :
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值