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

最新推荐文章于 2023-09-08 11:57:38 发布

前端歌谣

最新推荐文章于 2023-09-08 11:57:38 发布

阅读量146

点赞数

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/qq_41632427/article/details/129261475

版权

前端hook-工作专栏收录该内容

37 篇文章 0 订阅

订阅专栏

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,
        },
      }
    }
  }