526互联

vue-axios

发布时间 2023-03-25 23:23:50作者: 转角90

Axios

常用请求方式

  • get

  • post

  • delete

  • put

  • patch

  • head

  • request

  • all: 发送多个请求，返回一个数组

    axios.all([])

常用配置选项

  • url

  • method

  • baseURL: 根路径

    axios.default.baseURL = 'https://xxx:999'

  • data

  • params

  • headers

    axios.default.headers = {
    
}

  • timeout

    axios.default.timeout = 60

  • transformRequest: [function()] 请求前的数据处理

  • transformResponse: [function()] 请求后的数据处理

  • paramsSerializer: 查询对象序列化函数

创建实例

const instance = axios.create({
    baseURL:'',
    timeout:6000,
    header:{
        
    }
})

// 使用
instance.get()

请求和响应拦截

// 请求拦截
axios.interceptors.request.use((config)=>{
    // 成功
    config.header['token'] = 'xxxx'
},()=>{
    // 失败
})

// 响应拦截
axios.interceptors.response.use((res)=>{
    // 成功
    return res.data
},()=>{
    // 失败
})

封装