vue3中axios的封装

向后台发请求 ,使用的axios ,然后封装axios

封装axios 

第一步下载插件

npm i axios --save
  或者
  cnpm i axios --save
  或者
  yarn add axios --save

第二步 在src的目录中新建一个utils的文件夹

 

在request.ts中编写代码
//第一步导入
import axios,{AxiosInstance} from "axios"

// 第二步定义一个实体类 主要是封装 axios请求的
class AxiosUtils{
   // 装我们axios实体对象的 
  private  http:AxiosInstance
    
    constructor(){
        this.http =axios.create({
            baseURL:"根路径"
            timeout:"请求超时时间",
            headers:"请求头    "
        })
        //在这里配置完成根路径之后
        // 就要对请求和响应进行拦截
        this.myAddInterceptors()
        
    }
    
    //