ts封装请求

清华小菜

已于 2022-09-07 12:38:40 修改

阅读量824

点赞数

分类专栏：笔记文章标签： javascript 前端 typescript

于 2022-06-21 21:38:28 首次发布

本文链接：https://blog.csdn.net/C90283/article/details/125398746

版权

本文介绍了如何在 TypeScript 中封装 HTTP 请求，以实现更高效、更健壮的前端数据交互。通过创建一个自定义的请求库，你可以统一处理错误、添加请求拦截器和响应拦截器等功能，提高代码的可维护性和可复用性。

摘要由CSDN通过智能技术生成

import axios, {
    AxiosRequestConfig } from 'axios'
import {
    Toast } from 'vant'

const instance = axios.create({
   
  baseURL: '',
  timeout: 30000,
  withCredentials: false,
})

//interceptors为axios拦截器，作用：
//1. 修改请求头的一些配置项
//2. 给请求的过程添加一些请求的图标
//3. 给请求添加参数
instance.interceptors.response.use(
  response