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

前言

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

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操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。