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就可以完美下载了 。
域名或 端口号不同就是 跨域;相同域名、相同协议 、端口号相同就是 同域。
同源策略 :