欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue中post请求二进制文件下载携带token

程序员文章站 2022-04-21 22:31:55
...

下载post方式携带token

    downFun() {
      axios({
        method: "POST",
        url: `/api/visitor/company/importTemplate`,
        responseType: 'arraybuffer', // 或者responseType: 'blob'
        xsrfHeaderName: 'Authorization',
        headers: {
          'Content-Type': 'application/json',
          'Authorization': 'Bearer ' + getToken(),
          'Authorization': getToken()
        }
    }).then(res => {
        const blob = new Blob([res.data], {
          type: 'application/vnd.ms-excel'
        })
        /*
        如需设置文件名称,可以通过a标签属性来设置
        let url=window.URL.createObjectURL(blob)//url给a标签使用
        let link = document.createElement('a')
        link.style.display = 'none'
        link.href = url
        link.setAttribute('download', '文件')//设置文件名称
        document.body.appendChild(link)
        link.click()
    */
        const objectUrl = window.URL.createObjectURL(blob)//可以直接下载的url链接
        window.location.href = objectUrl
      }).catch(err => {
        console.log(err)
      })
    }
相关标签: 前端技术