axios 封装(请求响应拦截器)

axios封装

目标

安装并封装axios

安装axios

npm i axios

新建文件utils/request.ts

// 封装axios
import axios from 'axios'
​
const instance = axios.create({
  baseURL: '基地址',
  timeout: 5000
})
​
// 添加请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)
​
// 添加响应拦截器
instance.interceptors.response.use(
  function (response) {
    // 对响应数据做点什么
    return response
  },
  function (error) {
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)
​
export default instance