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形式导出文件-创新互联
网站URL：https://www.cdcxhl.com/article20/iocco.html

成都网站建设公司_创新互联，为您提供品牌网站制作、网站设计公司、建站公司、定制开发、外贸网站建设、品牌网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容