axios是怎么做封装的?

目录

1.步骤

2.代码实例

---

1.步骤

        引入axios，创建实例，封装请求响应拦截器，抛出错误，最后封装接口。

2.代码实例

axios.js

import axios from 'axios'

//创建实例
const api = axios.create({
    //请求地址的公共部分
    baseURL:'',
    //请求的超时时间
    timeout:3000
})

//请求拦截器
api.interceptors.request.use(config => {
    //config 请求的信息
    return config
},err => {
    //抛出错误
    Promise.reject(err)
})

//响应拦截器
api.interceptors.response.use(res => {
    //res 就是我们获取的一些信息
    console.log(res)
    //抛出结果
    return Promise.resolve(res)
},err => {
    //抛出错误
    Promise.reject(err)
})

export default api

request.js

//封装接口
import api from 'axios.js'
export const login = () => api({
    //请求的URL地址
    url:'',
    //HTTP请求方法
    method:'get',
    //附加在URL上的查询参数
    params:params
})

使用

import {login} from 'request.js'

method:{
    login().then(res => {
        console.log(res)
    })
}