1.0.2 • Published 2 years ago

yian3 v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

📦 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必须necessaryString-请求链接
method必须necessaryString-请求方法
headers非必须unnecessaryString{'content-type': 'application/json'}请求类型
params非必须unnecessaryObject-请求参数
expireInfo非必须unnecessaryObject-请求过期判断相关的信息
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