vue下载阿里云跨域图片
时间: 2023-11-12 12:45:11 浏览: 294
download-ali-oss:从ali-oss存储中下载文件
在Vue中下载阿里云跨域图片,可以通过以下几个步骤来实现:
1. 在Vue项目中安装axios库:
```
npm install axios --save
```
2. 在Vue组件中引入axios:
```
import axios from 'axios'
```
3. 使用axios发送GET请求并下载图片:
```
axios({
method: 'get',
url: 'http://your.aliyun.com/your-image-url.jpg',
responseType: 'blob'
}).then(res => {
const link = document.createElement('a')
link.href = window.URL.createObjectURL(new Blob([res.data]))
link.download = 'your-image-name.jpg'
link.click()
})
```
注意:因为阿里云图片跨域,所以需要在阿里云的Bucket中配置CORS规则,允许指定的域名访问Bucket中的资源。具体操作请参考阿里云文档。
阅读全文