VUE前端下载OSS图片

VUE前端下载OSS图片

1、后端返回的url链接是oss传过来的，正常用创建a标签下载图片，但是结果是打开新页面预览，而不是下载
2、在网上找了案例，看各种解决办法，也下载了oss的依赖，但是都没解决
3、最终解决方案是：
用a标签包裹【下载】
html中的代码

<a download :href="downloadFile(scope.row.sharePoster)">下载a>

方法中的代码

downloadFile(imageUrl) {
      const url = imageUrl.substring(0, imageUrl.lastIndexOf('?'))
      const imgUrl = `${url}?response-content-type=application/octet-stream`
      return imgUrl
    }

4、总结：因为oss传过来的地址会有一长串的拼接，所以先截取？之前的，下载图片的话需要在图片的后面拼接，?response-content-type=application/octet-stream。