vue 下载阿里云跨域图片

要在 Vue 中下载阿里云跨域图片，可以使用 axios 库进行请求。由于阿里云图片进行了跨域处理，需要在请求头中添加 `Referer` 和 `Origin` 字段，以便服务器能够识别跨域来源。

以下是一个简单的示例代码，供参考：

axios({
  method: 'get',
  url: 'https://your.aliyun.com/your/image/url',
  responseType: 'blob',
  headers: {
    'Referer': 'https://your.website.com',
    'Origin': 'https://your.website.com'
  }
}).then(response => {
  let url = window.URL.createObjectURL(new Blob([response.data]))
  let link = document.createElement('a')
  link.style.display = 'none'
  link.href = url
  link.setAttribute('download', 'your-image-name.jpg')
  document.body.appendChild(link)
  link.click()
})

在这个例子中，我们使用 `axios` 库发送 GET 请求，将 `responseType` 设置为 `blob`，以便获取二进制数据。然后，我们在请求头中添加 `Referer` 和 `Origin` 字段，指定跨域来源。最后，我们创建一个 Blob 对象，并将其转换为 URL，创建一个 `<a>` 标签，并模拟点击下载该图片。