0.0.1 • Published 4 years ago
@hejk/fetch v0.0.1
fetch
基于axios封装的接口请求方法、文件流下载方法.
更新说明
v0.0.1
1. 第一版本
兼容
- chrome //谷歌
- ie11 //IE
- safari //mac safari
- firefox // 火狐
目录说明
- build 项目脚手架配置
- lib 生产用代码
- src 源码
- index.html demo
命令
进行开发
npm start打包出生产版本 commonjs 版本
npm run build:common发布代码
npm version <newversion> | major | minor | patch]npm publish安装
npm i @heisea/fetch使用
1、es6引入方式
import HxFetch from '@heisea/fetch'2、初始化
const Fetch = new HxFetch();配置说明
| 属性名 | 类型 | 说明 |
|---|---|---|
| whiteList | Array | 请求接口白名单，即请求无需带上token |
| token | Function | 获取token，默认获取localStorage里面存储的token |
| tokenField | String | 在headers里面传给后端的参数，默认Authorization |
| responseProps | Object | 请求返回配置 默认{code: 'code', message: 'msg'} |
| baseUrl | String | axios设置baseURL |
| baseOss | Object | 服务转换 |
| onBefore | Function | 发送请求前的钩子，可传回Obj,会加入接口入参 |
| onSuccess | Function | 请求成功时钩子function(data, params){}，data：接口返回数据，params：接口入参，需要返回处理后的数据 |
| onError | Function | 请求失败时钩子，function(err){}，err: 异常信息 |
| onAfter | Function | 返回处理后数据前钩子 |
| errorMsg | Function | 错误信息提示 |
##方法 名称 | 参数 | 说明 --- | --- |---| --- handleFetch | 参数同geiaxios，例：{url:'请求路径'} | 成功返回数据，失败，如果存在App.$message，会有提示，否则需自行处理错误提示 handleDownLoaderBlob | {url:'文件url',fileName:'生成文件名称，带后缀'} | 文件流下载方法