前端hook项目pc总结笔记-ts封装axios方法

import axios, { AxiosRequestConfig, AxiosError } from "axios"
import { getToken, removeToken } from '../utils/auth';
import { message } from "antd";
const axiosBaseQuery =
  (
    { baseUrl }: { baseUrl: string } = { baseUrl: '' },
  ): BaseQueryFn<
    {
      url: string,
      method: AxiosRequestConfig['method'],
      data?: AxiosRequestConfig['data'],
      params?: AxiosRequestConfig['params'],
      responseType?: AxiosRequestConfig['params'],
    },
    unknown,
    unknown
  > => async ({ url, method, data, params, responseType }) => {
    try {
      let headers = { Prefer: 'return=representation', 
Authorization: getToken() || "" };    //配置header,包括JWT的token
      const result = await axios({ url: baseUrl + url, 
method, data, params, headers, responseType });
      return { data: result.data }       //在这里控制是否返回response的全部数据
    } catch (axiosError) {
      let err = axiosError as AxiosError
      return {
        error: {
          status: err.response?.status,
          data: err.response?.data || err.message,
        },
      }
    }
  }

ts写法对axios的封装

posted @ 2023-03-06 09:40  前端导师歌谣  阅读(55)  评论(0)    收藏  举报  来源