How to encapsulate axios in Vue project (unified management of http requests)

export default {
    'users_add': '/users/add',
    'users_find': '/users/find',
    'users_update': '/users/update',
    'users_delete': '/users/delete'
}

import axios from 'axios'
import api from './api'

//Create an axios instance object let instance = axios.create({
    baseURL: 'http://localhost:3000', //server address timeout: 5000 //default timeout duration})

//Request interceptor instance.interceptors.request.use(config=>{
    //Write the code for request interception here, which is generally used to pop up the loading window console.log('Requesting...')
    return config
},err=>{
    console.error('Request failed',err)
})

//Response interceptor instance.interceptors.response.use(res=>{
    //Process the response data here console.log('Request successful!')
    return res //The returned object will be passed to the response object of the request method},err=>{
    // Response error handling console.log('Response failed!', err)
    // return Promise.reject(err);
})

//Encapsulate axios request method, parameter is configuration object //option = {method,url,params} method is request method, url is request interface, params is request parameter async function http(option = {}) {
    let result = null
    if(option.method === 'get' || option.method === 'delete'){
     //Handle get and delete requests await instance[option.method](
                api[option.url],
                {params: option.params}
          ).then(res=>{
            result = res.data
        }).catch(err=>{
            result = err
        })
    }else if(option.method === 'post' || option.method === 'put'){
     //Process post and put requests await instance[option.method](
                api[option.url],
                option.params
            ).then(res=>{
            result = res.data
        }).catch(err=>{
            result = err
        })
    }

    return result
}

export default http

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import http from './http'

Vue.config.productionTip = false
Vue.prototype.$http = http

Vue.use(Elementui)

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

<template>
  <div>
    <button @click="getDate">Send request</el-button>
  </div>
</template>

<script>
export default {
  methods: {
    getDate(){
      this.$http({
        method: 'get',
        url: 'users_find'
      }).then(res=>{
        console.log(res)
      })

    }
  }
}
</script>