vue项目中如何实现以blob形式导出文件-创新互联

这篇文章将为大家详细讲解有关vue项目中如何实现以blob形式导出文件，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

成都创新互联网络公司拥有10多年的成都网站开发建设经验，1000多家客户的共同信赖。提供成都网站设计、网站制作、网站开发、网站定制、卖链接、建网站、网站搭建、响应式网站开发、网页设计师打造企业风格，提供周到的售前咨询和贴心的售后服务

1、首先要确定服务器返回的数据类型。

在请求头中加入： config.responseType = 'blob'

有时候，不是所有接口都需要该类型，则可以对接口做一个判定：

// request拦截器
service.interceptors.request.use(
 config => {　　 // 根据接口判定
  if ( config.url === '/setting/exportData' ||
  config.url.indexOf('export') > -1 ||
  config.url.indexOf('Export') > -1) {
   config.responseType = 'blob' // 服务请求类型
  }
  if (getToken()) {
   config.headers['access_token'] = getToken()
  }
  return config
 },
 error => {
  // Do something with request error
  // console.log(error) // for debug
  Promise.reject(error)
 }
)

文章名称：vue项目中如何实现以blob形式导出文件-创新互联
文章来源：http://cdkjz.cn/article/iocco.html