axios 的responseType 类型动态设置

问题描述：
使用vue.js 下载文件的时候，设置的类型是'Blob'，axios请求接口下载，请求成功时返回的是一个流形式的文件，但是请求失败的时候返回的是json ，需要用默认的responseType: 'json'来处理错误信息，那么问题来了，我该怎么根据服务器响应后才设置这个responseType？

问题重现：
请求设置了responseType: 'Blob'，
请求成功时，下载文件
请求失败时，后端返回json对象，如：{"msg":"系统异常","code":1,"success":false}，也被转成了arraybuffer

解决办法：

api.downloadFile(params).then(res => {if (res.status === 200 && res.data) {var disposition = res.headers['content-disposition']var fileName = decodeURI(disposition.substring(disposition.indexOf('filename=') + 9, disposition.length))let blob = new Blob([res.data], { type: 'application/pdf' }) // 假设文件为pdflet link = document.createElement('a')link.href = window.URL.createObjectURL(blob)link.download = fileNamelink.click()link.remove()} else {// 其它情况}}).catch(err => {var enc = new TextDecoder('utf-8') var res = JSON.parse(enc.decode(new Uint8Array(err.data))) //转化成json对象console.log(res)})

axios 的responseType 类型动态设置相关推荐

axios设置text html,axios封装动态设置Content-Type
问题如下: 有个问题是这样的后台给的API接口请求类型有两种 'Content-Type': 'application/json' 'Content-Type': 'application/x- ...
Vue+Vuex+Axios+ECharts 画一个动态更新的中国地图
一.生成项目及安装插件 # 安装 Vue Cli npm install vue-cli -g# 初始化项目 vue init webpack vue-china-map# 切到目录下 cd vue- ...
微信小程序动态设置 tabBar
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 使用微信提供的API wx.setTabBarItem(Object object) 动态设置 tabBar ...
【WPF】动态设置Binding的ConverterParameter转换器参数
原文:[WPF]动态设置Binding的ConverterParameter转换器参数问题:XAML中,想要在一个Bingding语句中再次Bingding. Source="{Bindi ...
动态设置 GridView Web 服务器控件列宽
ASP.NET 如何:动态设置 GridView Web 服务器控件列宽默认情况下,会自动调整 GridView 控件中列的大小.列将呈现为不含宽度信息的 HTML 表单元格(td 元素):大多数浏 ...
Spring AOP根据JdbcTemplate方法名动态设置数据源
2019独角兽企业重金招聘Python工程师标准>>> 说明:现在的场景是,采用数据库(Mysql)复制(binlog)的方式在两台不同服务器部署并配置主从(Master-Slave ...
android 动态改变语言,android动态设置app当前运行语言的方法
android开发中有时候碰到切换语言的需求,这时候需要通过代码动态改变当前运行语言. package com.example.androidtest; import java.util.Locale ...
android11 动态设置屏幕旋转方向
1.需求客户动态设置屏幕的旋转方向,下次开机保持设置的屏幕方向,开关机动画也要跟着旋转. 2.分析如果开关机动画也要跟着旋转,就不跟再LocalDisplayAdapter.java里面改了,因为 ...
APP国际化、动态设置控件颜色（APP个性化）
亲身体验:某些时候QQ音乐首页整体都成灰色,艾玛,BUG!!!,截图反馈.只有首页,其他的界面没问题,好家伙,故意的! 确实,今天咱也来搞一下,这篇文章主要记录项目 1. 国际化 2. 动态设置控件颜 ...

axios 的responseType 类型动态设置

axios 的responseType 类型动态设置相关推荐

最新文章

热门文章