问题系列: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”。

开始我 不是很明白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  同一域名,不同协议    失败

猜你喜欢

转载自blog.csdn.net/lvyan1994/article/details/82153366