vue封装调用接口

1.首先在src里面的api下创建一个文件夹，名字随意，我这边是app.js

2.在app.js里面   写入一下代码：

export const kaoqin = async (data) => {
  return request({
    url: '/wage/attendance/index',
    method: 'post',
    data,
  });
};

3.该怎么调用呢？

比如我们在一个页面需要调用接口，首先从app.js文件里引入到该页面

import { kaoqin } from "@/api/app";

4.请求接口

async function request() {
  const data= await kaoqin();
}
request()

5.这时有人会问：该怎么传递参数呢？这就和app.js里面的data有关了

 传参：

async function request() {
  const data= await kaoqin({id:1});
}
request()

6.如何判断接口请求状态呢？

async function request() {
  const data= await kaoqin({id:1});
  if (data.status == 1) {
   //执行操作
  } else {
      //执行操作
  }
}
request()