uniapp下载文件的方案，包括H5,App方案解决办法

1. 在uniapp需要下载文件，但是显示情况是不能下载。所以只能使用该办法来进行下载。

2. 这有一个注意点是：如果你做的是H5的方案，那么我已经替你踩好坑了，UC浏览器是不支持blob类型的下载，以及创建a标签的方案来进行下载。目前发现只有QQ浏览器支持这两种方案。如果你是保密单位，QQ浏览器其实也是可以，因为也是国产化的浏览器。

代码体现：

首先获取后端给你返回的文件下载地址：

mounted() {this.fatIdList = this.config.modelIdthis.$refs.uToast.show({type: 'warning',icon: false,title: '若UC浏览器无法下载模板，请使用QQ浏览器下载！',duration: 3000,})deliverDownloadApi(this.fatIdList, {"currentPage": 1,"pageSize": 20,"sort": "desc","sidx": "","menuId": this.fatIdList,"queryJson": "","superQueryJson": '',"idList": [],"dataType": "1","selectKey": []}).then(data => {this.fileUrl = this.define.baseURL + data.data.urlthis.download()})},

第二步：调取uniapp的原始下载方法uni.downloadFile

// 点击下载download() {setTimeout(() => {// 更多参数,详见文档// https://uniapp.dcloud.net.cn/uni-app-x/api/download-file.html#downloadfileuni.downloadFile({url: this.fileUrl, //下载地址header: this.header, //HTTP请求Headertimeout: 150000, //下载超时时间(毫秒)success: (res) => {// 利用临时地址调起下载this.arouse(res)},fail: (err) => {console.log('下载失败', err)}})}, 3000)},

第三步：

创建a标签的方法来下载：

// 利用临时地址调起下载arouse(res) {let date = new Date()let file_name = '退换货管理(标准化)' + this.dateFormat(date)// eslint-disable-next-line camelcaselet file_type = 'xlsx'// console.log(res)var oA = document.createElement("a")// 设置下载的文件名oA.download = `${file_name}.${file_type}`// Blob临时路径再保存到本地oA.href = res.tempFilePath// 插入DOM并执行点击下载document.body.appendChild(oA)oA.click()oA.remove()},

第四步：直接打开QQ浏览器开始下载