📦 Install

npm install yian3 -S

Quick Start In Vue3

//main.ts

import { createYian } from 'yian3'
import 'yian3/dist/style.css';
/* import service from 'your interceptor filepath' */

const $_Y = {
  app,  //应用实例 ❗️此项必须
  service, //import your axios interceptor ❗️此项必须
  baseApi: Array<string> [接口前缀，如 '/v2' 或 '/api'，可填多个元组成数组]
};

app.use(createYian as any, $_Y)

//global.d.ts 全局声明文件
export {};
declare module "@vue/runtime-core" {
  interface ComponentCustomProperties {
    $yian: typeof import("yian3");
  }
}

🎩 嵌入axios，加设 1000ms 内重复请求限制

🧊 属性列表

| 属性 | 可选性 | 类型 | 默认值 | 作用 | |---------|---------|---------|---------|---------| | url | 必须necessary | String | - | 请求链接 | | method | 必须necessary | String | - | 请求方法 | | headers | 非必须unnecessary | String | {'content-type': 'application/json'} | 请求类型 | | params | 非必须unnecessary | Object | - | 请求参数 | | expireInfo | 非必须unnecessary | Object | - | 请求过期判断相关的信息 |

export default defineComponent({
  methods: {
    getList() {
      //举例1 采用基础接口为baseApi数组中第一个
      this.$yian
        .axios(
          {
            url: "user/login",
            method: "post",
            params: { username: admin, password: 123456 },
          },
          1
        )
        .then(/* ... */);
      //举例2 采用基础接口为baseApi数组中第二个
      this.$yian
        .axios(
          {
            url: "academic/getAcademicField",
            method: "get",
            params: { currentPage: 1, pageSize: 10 },
          },
          2
        )
        .then(/* ... */);
      //举例3 默认采用基础接口为baseApi数组中第一个
      this.$yian.axios({
        url: "qiniu/upload",
        method: "post",
        params: formData,
        headers: { "content-type": "multipart/form-data" },
      });
    },
  },
});

👉Documentation文档

License

MIT

Copyright (c) 2022-present, Macrohoo