问题系列：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	同一域名,不同协议	失败