二次封装axios

最新推荐文章于 2024-06-16 13:16:08 发布

白拜拜_

最新推荐文章于 2024-06-16 13:16:08 发布

阅读量48

点赞数

分类专栏： vue 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/xiguaxixixi/article/details/132139421

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

import axios from "axios";

export const postRequest = (http, url, params, type) => {
  return axios({
    method: "post",
    url: `${http}${url}`,
    data: params,
    responseType: type,
    headers: {
      accessToken: localStorage.getItem("token"),
      token: localStorage.getItem("vrKey")
    }
  });
};
export const getRequest = (http, url, params) => {
  return axios({
    method: "get",
    url: `${http}${url}` + params,
    headers: {
      accessToken: localStorage.getItem("token"),
      token: localStorage.getItem("vrKey")
    }
  });
};
// axios.defaults.timeout = 10000;
import { Toast } from "vant";
axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";

//请求响应处理 根据后端的接口文档写请求的响应
axios.interceptors.response.use(response => {
  // if (response.data.code == 60052 || response.data.code == 60051) {
  //   localStorage.setItem("userLogin", "false");
  //   localStorage.setItem("userId", "");
  //   localStorage.setItem("role", "");
  //   Toast("登录失效");
  // } else if (response.data.code == 10000) {
  //   if (response.data.msg) {
  //     Toast(response.data.msg);
  //   } else if (response.data.message) {
  //     Toast(response.data.message);
  //   } else {
  //     Toast("连接超时");
  //   }
  // } else if (response.data.code == 60053) {
  //   Toast("系统异常");
  //   // 系统出错
  // } else if (response.data.code == 501) {
  //   Toast("系统异常");
  // } else {
  //   return response;
  // }
  // return response;
});

封装后的使用

导入刚写的axios.js

import {
  postRequest,
  getRequest,
} from './axios'

var myUrls = 这里是url;

export const onlineVis = params => {
  return getRequest(myUrls, "/system/user/views/loginUserNumbers", params);
};
export const MyTeachCourse = params => {
  return postRequest(myUrls, "/biz-course/teacher/myDeptCourseList", params);
};

在使用的时候直接引入

import { onlineVis } from "../../lib/axios_params";

真正使用时候

getNUmerb(){
      let data = "?startLoginTime=2023-03-03 00:00:00";
      onlineVis(data).then(res=>{
        console.log('ddddddd',res)
      })
    },