axios二次封装-526互联

为什么需要封装axios?

请求拦截,在发请求之前处理一些业务
响应拦截,服务器返回数据之后处理一些事情
对axios封装的代码放在 ./src/api/request.js文件里
安装axios: npm install --save axios

封装axios

import axios from 'axios'

// requests是对axios的二次封装,配置一下
const requests = axios.create({
    baseUrl: "api",  //发请求时会带上这个前缀路径
    timeout: 5000  //请求超时
})

// 请求拦截器: 在发请求之前做一些逻辑判断
requests.interceptors.request.use((config) => {
    return config
})

// 响应拦截器
requests.interceptors.request.use((res) => {
    // 服务器响应成功时,做一些事情
    return res.data
}, (err) => {
    // 服务器响应失败时,做一些事情
    return Promise.reject(new Error('faile'))
})

export default requests