axios添加请求拦截器和响应拦截器

基本使用

1. 封装service.js

import axios from 'axios'
// 创建axios 并赋值给常量servic
const service = axios.create()

// 添加请求拦截器
service.interceptors.request.use(function (config) {
  // 发送请求之前zuoshenm
  return config
}, function (err) {
  // 请求错误的时候做什么
  return Promise.reject(err)
})
// 添加响应拦截器
service.interceptors.response.use(function (response) {
  // 对响应数据进行处理
  return response
}, function (err) {
  // 相应错误时做的事
  return Promise.reject(err)
})
export default service

2. 创建api文件

import service from './service'
let link = (url: string, method = 'GET', data = {}, params = {}) => {
  return new Promise((resolve, reject) => {
    service
      .request({
        url,
        method,
        data,
        params,
      })
      .then((res) => resolve(res))
      .catch((err) => reject(err))
  })
}
export default link

之后使用即可