vue简单封装axios

Posted 2021-12-04 老张在线敲代码

axios 封装

1.使用axios.create（）去封装，创建一个单独的实例
2.BaseUrl设置公共的服务器地址
3.timeOut设置访问超时时间，默认5000sm
4.设置前置请求拦截器 axios.interceptors.request.use
5.后置请求拦截器 axios.interceptors.response.use

实例：

import axios from "axios"
const Axios = axios.create({
    baseURL:"http://localhost:3000",
    timeout:10000//过期时间
})
// 前置拦截
Axios.interceptors.request.use((config)=>config)
// 后置拦截
Axios.interceptors.response.use((config)=>{
    // 对数据进行格式化
    console.log(config.data.result)
    return config
})
export default{
   Axios
}