kbfetch 1.0.7 → 1.0.9

package/README.md

@@ -19,7 +19,7 @@ kbfetch.post('https://api.example.com/data', { id: 1 }, { params: { qa: 1 } })
 kbfetch.p('https://api.example.com/data', { params: { qa: 1 }, body: { id: 1 } })
 ```
 
-path参数
+path 参数
 
 ```js
 kbfetch.get('https://baidu.com/:a/:b', { a: 1, b: 2 }).then(console.log)
@@ -27,7 +27,7 @@ kbfetch.post('https://baidu.com/:a/:b', { k: 2 }, { params: { a: 1, b: 2 } }).th
 kbfetch.p('https://api.example.com/:a/:b', { params: { a: 1, b: 2 }, body: { id: 1 } })
 ```
 
-发起 其他method 请求的示例：
+发起 其他 method 请求的示例：
 
 ```js
 // e.g. 1
@@ -45,12 +45,13 @@ ft.abort()
 
 `or`
 `timeout>=0`
+
 ```js
 const ft = kbfetch.g('https://api.example.com/data', { params: { id: 1 }, timeout: 0 })
 ft.abort()
 ```
 
-设置公共参数比如token
+设置公共参数比如 token
 
 ```js
 kbfetch.baseHeaders = { token: 'XXX' }
@@ -80,14 +81,14 @@ uploadFile: (url: string, file: File, init?: KbFetchInit)
 
 `KbFetchInit` 类型扩展了标准的 `RequestInit`,添加了一些可选的便捷属性:
 
-- `baseUrl` - API地址的公共前缀
-- `baseHeaders` - 公共的header,如token
-- `baseParams` - 公共的params,如企业微信的access_token,没有放在header里面,可以在这里设置
-- `baseBody` - 公共body
-- `timeout` - 请求超时时间(毫秒)
-- `before` - 修改/记录请求参数的回调函数
-- `parser` - 在返回resolve前解析响应的回调函数
-- `after` - 响应结果的回调函数
+-   `baseUrl` - API 地址的公共前缀
+-   `baseHeaders` - 公共的 header,如 token
+-   `baseParams` - 公共的 params,如企业微信的 access_token,没有放在 header 里面,可以在这里设置
+-   `baseBody` - 公共 body
+-   `timeout` - 请求超时时间(毫秒)
+-   `before` - 修改/记录请求参数的回调函数
+-   `parser` - 在返回 resolve 前解析响应的回调函数
+-   `after` - 响应结果的回调函数
 
 ```typescript
 import kbfetch, { createKbFetch, kbfc } from 'kbfetch'
@@ -124,11 +125,45 @@ const sse = (name: string, params: { ondata: (data: string) => any } & Record<st
             // 开始读取流信息
             return push()
         },
-        after: v => v
+        after: v => v,
     })
 }
 ```
-
-在这个示例中，我们自定义了 `before` 和 `after` 函数，以修改请求初始化对象和响应结果。
+无感知token刷新 实现示例:
+```javascript
+let refreshTokenPromise
+export const kfc = createKbFetch({
+	baseUrl: 'https://xxx.xxx',
+	after(res, req) {
+		return res.then(async res => {
+			// 此处使用401状态码表示token过期
+			if (res.status !== 401) return res.data
+			// @ts-ignore __retry 表示是否已经重试,避免多次触发
+			if (userInfo.refreshToken && !req.init.__retry) {
+				// @ts-ignore
+				req.init.__retry = true
+				const { userId, refreshToken } = userInfo
+				await (refreshTokenPromise ||= loginFetch
+					.post('refreshUserToken', {
+						user_id: userId,
+						refresh_token: refreshToken,
+						os: 'web',
+						ljappid: 2,
+					})
+					.then(({ data }) => {
+						// 重新设置token
+						kfc.baseHeaders.token = data
+					})
+					.finally(() => (refreshTokenPromise = undefined)))
+				return kfc.do(req.url, req.init)
+			}
+			// 此处可以,清除用户信息跳转登录页
+			console.warn('登录信息已过期,请重新登录')
+			return Promise.reject('token错误')
+		})
+	},
+})
+kfc.baseHeaders = { userId: 'xxx', token: 'xxx' }
+```
 
 更多关于 `kbfetchInit` 对象的详细信息，请参考原始的 TypeScript 定义文件。

package/dist/index.js

@@ -72,7 +72,7 @@ var defaultKbFetch = {
     requestInit.headers && (requestInit.headers = help_default.obj2header(requestInit.headers));
     url = help_default.urlWithProtocol(url) ? url : help_default.addProtocol(baseUrl) + url;
     const response = fetch(url, requestInit).then(async (respnse) => Object.assign(respnse, { data: await parser(respnse) })).finally(() => clearTimeout(timeoutIns));
-    return Object.assign(after(response), {
+    return Object.assign(after(response, { url, init }), {
       abort: () => abortController?.abort()
     });
   },

package/dist/typings/help.d.ts

@@ -18,7 +18,10 @@ export interface DefaultKbFetch {
     before: <T extends any>(init: T) => T | void;
     after: (res: Promise<Response & {
         data: any;
-    }>) => any;
+    }>, req: {
+        url: string;
+        init: KbFetchInit | undefined;
+    }) => any;
     parser: (res: Response) => any;
     timeout: number;
     do: <T>(url: string, init?: KbFetchInit) => Res<T>;

package/dist/typings/index.d.ts

@@ -2,7 +2,10 @@ import { DefaultKbFetch } from './help';
 export declare const createKbFetch: (config: Partial<Pick<DefaultKbFetch, "baseUrl" | "baseParams" | "baseBody" | "timeout" | "before" | "parser" | "after">>) => {
     after: (res: Promise<Response & {
         data: any;
-    }>) => any;
+    }>, req: {
+        url: string;
+        init: import("./help").KbFetchInit | undefined;
+    }) => any;
     before: <T extends any>(init: T) => T | void;
     timeout: number;
     baseUrl?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kbfetch",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "devDependencies": {