文章目录

• 安装
• 配置
• 发送请求

  官网：https://www.axios-http.cn/docs/intro

  安装

  npm install axios
  

  配置

  坐标：plugins/myAxios.ts

  import axios from "axios";
  const instance = axios.create({
    baseURL: "http://localhost:8101/api",
    timeout: 10000,
    headers: {},
  });
  // 添加响应拦截器
  instance.interceptors.response.use(
    function (response) {
      // 2xx 范围内的状态码都会触发该函数。
      // 对响应数据做点什么
      const data = response.data;
      if (data.code === 0) {
        return data.data;
      } else {
        console.error("request error", data);
        return response.data;
      }
    },
    function (error) {
      // 超出 2xx 范围的状态码都会触发该函数。
      // 对响应错误做点什么
      return Promise.reject(error);
    }
  );
  export default instance;
  

  发送请求

  myAxios.post("/post/list/page/vo", {}).then((res: any) => {
    console.log(res);
    postList.value = res.records;
  });
  myAxios.post("/user/list/page/vo", {}).then((res: any) => {
    console.log(res);
    userList.value = res.records;
  });