@yeepay/client-utils

易宝支付 大前端 client utils

3.0 版本之后，ESMOnly.

Features

• getQueryObject: 获取 url 参数
• setTokenFromUrl(key): 通过 url 中的参数 key 设置 TOKEN, 并存入 cookie 中
• getToken: 从 cookie 中获取 TOKEN
• removeToken: 从 cookie 中删除 TOKEN
• serviceFactory: 请求封装的工厂函数

serviceFactory 介绍

基本使用

import { serviceFactory } from '@yeepay/client-utils'

const service = serviceFactory(
  {
    baseUrl: '/xxx-server',
    headers: {},
  },
  successCallback,
  failCallback,
  unauthorizedCallback,
  forbiddenCallback,
  notfoundCallback,
)

Mock数据

import { serviceFactory } from '@yeepay/client-utils'

const service = serviceFactory(
  {
    baseUrl: '/xxx-server',
    headers: {},
    // glob mock 数据文件位置
    mockModules: import.meta.glob('./mock/**/*.json', { eager: true }),
  },
  successCallback,
  failCallback,
  unauthorizedCallback,
  forbiddenCallback,
  notfoundCallback,
)

比如 mock 数据文件 ./mock/get/user.json 内容如下：

{
  "code": "000000",
  "data": {
    "name": "John Doe"
  }
}

在你调用 uri 为 /get/user 的接口时，mock 数据将会被返回。

你还可以使用 js 文件来自定义 status、response、headers:

比如 mock 数据文件 ./mock/get/user.ts 内容如下：

import type { AxiosRequestConfig } from 'axios'

export default (config: AxiosRequestConfig) => {
  return [400, {
    code: '000000',
    data: {
      message: 'User not found'
    },
  }, { 'new-header-hello': 'world' }]
}