vue 后台返回的文件流进行预览_前端处理后台返回的文件流

axios({

url: '下载接口URL',

method: 'post',

baseURL: process.env.VUE_APP_BASE_API,

params: params,

headers: { 'token': getToken() }

data: {},

responseType: 'blob'

}).then((res) => {

// data就是接口返回的文件流

let data = res.data

if (data) {

let attrs = res.headers['content-disposition'].split(';')

// 获取文件名

let fileName = ''

// 不用管fileName在第几个位置，只要=前面是fileName,就取=后面的值

for (let i = 0, l = attrs.length; i < l; i++) {

let temp = attrs[i].split('=')

if (temp.length > 1 && temp[0].trim() === 'filename') {

fileName = temp[1]

break

}

}

fileName = decodeURIComponent(fil