v3+ts+class类的封装

下载:npm instan axiso 

引入axiso

import axios from "axios";

class命名 封装axiso

class Requery{

约束地址为字符串类型    

baseURL: string

    instance: any

构造函数    

constructor(baseURL:string){

        this.baseURL = baseURL

        this.instance = axios.create({

            baseURL:baseURL

        })

       请求拦截

this.instance.interceptors.request.use((config: any) => {

            if (localStorage.getItem('token')) {

                let info = JSON.parse(<string>localStorage.getItem('token'))

                config.headers.Authorization = info.token_type+''+info.access_token

            }

            return config

        })

//响应拦截

        this.instance.interceptors.response.use((res:any)=>{

            return res

        })

    }

   classs 统一定义接口  get 用params来传递 post用data来传递 patch用data来传递 put用data来传递  detele 接口 跟get传递一样

get(url: string, data?: any): any{

        return this.instance.get(url,{params:data})

    }

    post(url: string, data?: any): any{

        return this.instance.post(url,data)

    }

    patch(url:string,data?:any){

        return this.instance.patch(url,data)

    }

    put(url:string,data?:any){

        return this.instance.patch(url,data)

    }

}

请求接口的基准地址

export default new Requery('https://api.shop.eduwork.cn/')