vue 中 axios 的封装

import axios from 'axios'

export function request(config) {

  // 创建一个 axios 实例
  const instance = axios.create({
    baseURL: 'http://123.207.32.32:8000/api/x6',
    timeout: 5000
  })

  // 请求拦截器，必须将处理后的数据返回
  instance.interceptors.request.use(config => {
    return config
  }, error => {
    console.log(error)
  })

  // 响应拦截器，必须将处理后的数据返回
  instance.interceptors.response.use(response => {
    return response.data
  }, error => {
    console.log(error)
  })

  // 发送真正的请求
  return instance(config)
}

使用时

import {request} from "./request";

// 默认值是 get 方法
export function getData() {
  return request({
    url: '/api/getData'
  })
}