文件下载解决方案

需要下载的文件包括图片、视频、软件包等

我做过软件包的和图片的，这里记录图片的方法 要点：

1. 创建 a 标签后不要插入到 dom 中，直接在 js 里面调用 click 方法
2. 设置 href 属性时，拼接?response-content-type=application/octet-stream可以避免浏览器另起一个标签页打开该媒体文件

const downloadImage = () => {
    let a = document.createElement('a')
    a.href =
        imagePreviewImageList.value[imagePreviewImageIndex.value].url +
        '?response-content-type=application/octet-stream'
    a.download = '图片'
    a.target = ''
    a.click()
    a = null
}

遇到的问题

描述

在沙盒环境、预正式环境下载都没有问题，唯独到了正式环境就不行了，沙盒和预环境是页面是 http 协议，下载链接也是 http 协议，能够正常下载。然而正式环境是 https 协议，下载链接是 http 协议，于是不能下载。

解决

去掉下载链接中的http://或者https://