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”。
开始我 不是很明白url+“?aa=aa.jpg”这样加是为什么,后来我问了别人 才知道链接问号后面加的东西是参数,服务器选择性处理,因为cocos这里图片下载是必须加后缀;不能直接+“.jpg”,因为微信头像存的就是没有后缀的,加了后缀就不是正确链接了 ,而cocos判断也是判断 后面有没有 后缀而已;所以加的这个参数是为了给 cocos知道 ,这是一个图片url,但实际上我们又不改变它的实际链接。
注:之后发现Android可以下载图片了,ios有些图片可以下,有些图片下载失败,后来就把http改成 https就可以完美下载了 。
然后跨域我百度了一下:(https://www.cnblogs.com/chenshishuo/p/4919224.html)
域名或 端口号不同就是 跨域;相同域名、相同协议 、端口号相同就是 同域。
同源策略 :
study.cn/json/jsonp/jsonp.html | ||
请求地址 | 形式 | 结果 |
http://study.cn/test/a.html | 同一域名,不同文件夹 | 成功 |
http://study.cn/json/jsonp/jsonp.html | 同一域名,统一文件夹 | 成功 |
http://a.study.cn/json/jsonp/jsonp.html | 不同域名,文件路径相同 | 失败 |
http://study.cn:8080/json/jsonp/jsonp.html | 同一域名,不同端口 | 失败 |
https://study.cn/json/jsonp/jsonp.html | 同一域名,不同协议 | 失败 |