vue 导出文件,携带请求头token操作

2022-07-28,,,,

前言

本文并不能直接复制到本地看效果,仅提供代码参考

1.使用axios的方式携带请求头token

2.设置响应的数据类型

responsetype: "blob"

3.请求成功,返回二进制文件的数据回来

4.请求失败,返回json

5.示例代码

补充知识:vue项目导出功能、带token导出excel

在vue后台管理项目中,目前我常用的就两种导出方式

一种是不需要携带token的,直接调用后台的接口,携带需要传递参数就行,具体实现代码如下:

在main.js封装指令

在需要导出的页面应用:

另一种导出方式则是带token导出,token封装在请求头里,在请求头里发送给后端

调用导出接口时,需要加参数:responsetype: ‘blob' (必须要有的)

封装导出请求文件exportout.js

vue文件中使用导出功能:

引入exportout.js

import { expotout } from '../http/exportout'

使用

以上这篇vue 导出文件,携带请求头token操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

《vue 导出文件,携带请求头token操作.doc》

下载本文的Word格式文档,以方便收藏与打印。