阿里云oss访问图片出现跨域问题

// 获取图片地址并转码

    var image = new Image();

    image.crossOrigin = 'Anonymous';

    image.src = ‘http://qqmmsh.oss-cn-hangzhou.aliyuncs.com/apply/6113528861282912.jpg’

    image.onload = function(){

        var base64 = getBase64Image(image);

        initVR(doc,base64);

    }

访问阿里oss图片一直出现跨域问题。

1.在oss上防盗链关闭了，跨域设置都放开了。但仍是不行，仍是出现跨域问题。

　　缘由是在没设置以前已经请求过这个图片，设置后从新请求是直接从cdn缓存中拿的图片，而cdn缓存了oss未配置cors以前的文件及其头部，形成客户端浏览器判断失败，不容许访问。因此出现了跨域失败。

2.往oss上从新上传一张新图片，第一次访问成功，第二次又出现跨域问题

　　在用户第一次访问cdn，cdn会检查数据没有，回源到源站进行访问。源站对比将数据通过cdn反馈给客户端浏览器。浏览器比对Access-Control-Allow-Origin 后，容许正确，因此跨域正常。 当第二个用户访问时，cdn检测有这个文件，因此会直接给客户端反馈缓存页面。因为CDN之因此失败是由于CDN缓存了OSS未配置cors以前的文件及其头部，形成客户端浏览器判断失败，不容许访问。因此出现了跨域失败。

解决办法：

CDN直接提供了Access-Control-Allow-Origin、Access-Control-Allow-Methods、Access-Control-Max-Age

 

 

 配置完以后，跨域问题就没有了。