vue如何解析后台传回的文件流

一、配置axios的响应类型

请求拦截器中增加代码,判断如何调用的接口是文件下载接口
将响应类型设置成blob
config.responseType = 'blob'

二、将获取回来的文件流转换成base64

blobToBase64(blob) {
	return new Promise((resolve, reject) => 
	const fileReader = new FileReader();
	fileReader.onload = e => {
		resolve(e.target.result);
	}
	fileReader.readAsDataURL(blob);
	fileReader.onerror = () => {
		reject(new Error(文件流异常'));
	}
}

你可能感兴趣的:(vue.js,前端,javascript)