axios简单的封装

axios是如何做封装的

首先需要下载axios

npm install axios

创建实例   封装请求响应拦截器   暴露出去

// 引入 axios
import axios from 'axios'

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

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

api.interceptors.response.use(config => {
    console.log(res)
    return Promise.resolve(res)
}, err => {
    // 抛出错误
    Promise.reject(err)
})

export default api

最后封装接口

import api from 'axios.js'

export const login = () => api({
    url: '',
    method: 'get',
    params: params
})

Vue中使用

// 在vue中使用
import { login } from 'request.js'

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