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

 

需要服务器端支持，开一下cdn

Access-Control-Allow-Origin字段是服务端添加了才有的，前端加了crossOrigin="anonymous"是想跨域获取这张图片，好用在canvas.toDataURL()上，但是服务端不一定同意，服务端添加了access...这个字段并且value是*或者你网站的域名才行，否则就认为你无权用，结果就是无法显示

还有一种解决办法：根本原因还是浏览器的缓存问题  src加时间戳

  let image = new Image()
  image.setAttribute('crossOrigin', 'anonymous')
  image.src = url + '?time=' + new Date().valueOf();
  let that = this;
  image.onload = () => {
    // ... do something
  }
  image.onerror = (err) => {
    console.log(err)
  };