vue下载文档流

最新推荐文章于 2024-08-20 18:30:57 发布

哈哈哦0

最新推荐文章于 2024-08-20 18:30:57 发布

阅读量462

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_29207823/article/details/121785180

版权

应在请求中设置返回类型：responseType: "blob"

axios.get(
            '/api/url',
            {
              params: {
                id: '11',
              },
            },
            {
              headers: {
                'responseType ': 'blob',
              },
            }
          )
          .then((res) => {
            if (res.status == 200) {
              // 下载文档流
              const blob = res.data
              let link = document.createElement('a')
              link.href = URL.createObjectURL(
                new Blob([blob], { type: 'application/vnd.ms-excel' })
              )
              link.download = this.form.fileName
              document.body.appendChild(link)
              link.click()
              URL.revokeObjectURL(link.href)
            } else {
              self.$baseMessage(res.data, 'error')
            }
          })
          .catch((res) => {
            self.$baseMessage(res.data, 'error')
          })
      },