vue excel下载（记一次post请求下载乱码问题）

最新推荐文章于 2024-09-12 14:41:18 发布

优秀的土豆丝

最新推荐文章于 2024-09-12 14:41:18 发布

阅读量1.3k

点赞数

分类专栏： javascript vue

本文链接：https://blog.csdn.net/qq_36773704/article/details/103614859

版权

vue 同时被 2 个专栏收录

34 篇文章 1 订阅

订阅专栏

javascript

12 篇文章 0 订阅

订阅专栏

参数必须加responseType: ‘blob’，不然会乱码

axios.get(url, {
        params: {
          ...params
        },
        responseType: 'blob'
      })
      .then(res => {
        if (!res) return
        let url = window.URL.createObjectURL(res.data)
        let link = document.createElement('a')
        link.style.display = 'none'
        link.href = url
        //文件名加上当前时间
        let time = moment(new Date().getTime()).format('YYYYMMDDHHmmss')
        //如果请求头里返回文件名，则直接使用请求头的文件名；若没，则使用页面中设置的
        let finalFileName = res.headers['content-disposition'] ? res.headers['content-disposition'].split('=')[1]: `${fileName}_${time}.${fileTypes}`
        link.setAttribute('download', finalFileName)
        document.body.appendChild(link)
        link.click()
        document.body.removeChild(a)
      })
      .catch(err => {
        console.log(err)
      })