文件流下载

各位小伙伴大家好

这次是一个关于文件流的下载

这个就很简单了

后端已经什么都弄好了

我们就直接搞进去就行了

大家都知道我语言表达能力不咋地

就见谅哈 将就一下

废话不多说，直接上图

首先 搞接口请求

params里面是接口要的参数 不管它

然后呢你得搞个进来页面就抓这玩意儿包的一个生命周期钩子

这是方便自己看的 F12打开看看这个包吧 左边接口包 右边就文件流那玩意儿了 就长那怂样

里面还有进制等东西和你下载包类型啥的 就不废话了 自己查下就知道了

到这里就证明你成功搞到后端给你的接口文件流了 简单吧

然后呢只需要用下面我给你的代码怼进你的Axios请求里面就行了

为了你以后成为一名合格的程序员 那必须好好修炼CV大法 

在这里大哥祝你一臂之力

async epidemicPreventionEide () {
      let params = {
        endTime: "",
        farmingName: "",
        startTime: ""
      }
      let response = await this.service.epidemicPreventionEide(params)
      if (response.status == 200) {
        this.service
          .epidemicPreventionEide(params)
          .then(function (res) {
            if (!res) return
            let blob = new Blob([res.data], {
              type: 'application/vnd.ms-excel;charset=utf-8',
            })
            let url = window.URL.createObjectURL(blob)
            let aLink = document.createElement('a')
            aLink.style.display = 'none'
            aLink.href = url
            aLink.setAttribute('download', '防疫清单.xls')
            document.body.appendChild(aLink)
            aLink.click()
            document.body.removeChild(aLink)
            window.URL.revokeObjectURL(url)
          })
          .catch(function (error) {
            console.log(error)
          })
        console.log(response)
        return
      }
    },

 注意：那个epidemicPreventionEide函数是我的接口名字 自己换你自己的

然后params是要传那玩意儿参数的 你搞你自己的

最后就那串绿色的 那玩意儿是你要下载的什么文件 我的是excle 你搞你自己的

其他的你就CV

当然 得把刚刚你弄生命周期钩子那玩意儿给  //  掉 不然你一进页面就主动给你下载了

一般得给个按钮点击事件的