vue3中axios如何封装拦截器配置请求

vue3开发中如何实现axios请求拦截器配置​和响应拦截器配置，下面编程教程网小编给大家简单介绍一下！​

axios基础配置

import axios from 'axios'
 
//自动加在url前面
axios.defaults.baseURL = 'https://api.ipkd.cn'
//超时时间 
axios.defaults.timeout = 5000
//跨域凭证
axios.defaults.withCredentials = false
 
//响应和请求 拦截器配置
export default axios

请求拦截器配置

axios.interceptors.request.use(config => {
  console.log(config)
  return config
}, error => {
  Promise.reject(error)
})

响应拦截器配置

axios.interceptors.response.use(res => {
  if (typeof res.data !== 'object') {
    Message.error('返回数据不是对象！')
    return Promise.reject(res)
  }
  if (res.data.code !== 200 ){
    Message.error('返回码不等于200')
  }
  return res.data
}, error => {
  Message.error('网络异常')
  Promise.reject(error)
})

以上是编程学习网小编为您介绍的“vue3中axios如何封装拦截器配置请求”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。