vue 下载文件JS

最新推荐文章于 2024-09-09 14:58:45 发布

万古长空如长夜

最新推荐文章于 2024-09-09 14:58:45 发布

阅读量278

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_39139322/article/details/108597961

版权

vue 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

  axios({
    method: data.method,
    url: `${data.url}`,
    data: data.formObj,
    headers: {
      'Content-Type': 'application/json', // 设置请求头请求格式为JSON
      'authentication': sessionStorage.getItem('token') // 设置token 其中K名要和后端协调好
    },
    responseType: 'blob'
  }).then((res) => {
    const link = document.createElement('a')
    let blob = new Blob([res.data], {type: 'application/force-download'})
    link.style.display = 'none'
    link.href = URL.createObjectURL(blob)
    let fileName = decodeURIComponent(res.headers['content-disposition']
      .split(';')[1].split('filename=')[1])
      .replace(/:/g, '：')
      .replace('+', ' ')
    link.download = data.fileName ? data.fileName : fileName // 下载的文件名
    document.body.appendChild(link)
    link.click()
    document.body.removeChild(link)
  }).catch(error => {
    console.log(error)
    // this.$Notice.error({
    //   title: '错误',
    //   desc: '网络连接错误'
    // })
  })