How to simply encapsulate axios in vue

import axios from 'axios';
Vue.prototype.$axios = axios;

import axios from 'axios'

axios.defaults.timeout = 5000; //Response time axios.defaults.headers.post['Content-Type'] = 'application/json; charset=UTF-8'; //Configure request header axios.defaults.withCredentials= true; //With cookie
axios.defaults.baseURL = 'http://localhost:8080/'; //Configure interface address //POST parameter serialization (add request interceptor)
axios.interceptors.request.use((config) => {
	//You can add serialization code here, depending on the backend. The SSM backend I use accepts Json objects. If serialization is required, you can use the qs component return config;
},(error) =>{
    console.log('wrong parameter passing')
    return Promise.reject(error);
});

//Return status judgment (add response interceptor)
axios.interceptors.response.use((res) => {
    //Do something with the response data if (!res.data.success) {
        return Promise.resolve(res);
    }
    return res;
}, (error) => {
    console.log('network abnormality')
    return Promise.reject(error);
});

//Return a Promise (send a post request)
export function fetchPost(url, params) {
    return new Promise((resolve, reject) => {
        axios.post(url, params)
            .then(response => {
                resolve(response);
            }, err => {
                reject(err);
            })
            .catch((error) => {
                reject(error)
            })
    })
}
Returns a Promise (sends a get request)
export function fetchGet(url, param) {
    return new Promise((resolve, reject) => {
        axios.get(url, {params: param})
            .then(response => {
                resolve(response)
            }, err => {
                reject(err)
            })
            .catch((error) => {
                reject(error)
            })
    })
}
export default {
    fetchPost,
    fetchGet,
}

loginPost: function() {
		let params = {
			'password': '123',
			'username': 'admin'
		}
		http.fetchPost('/login', params).then((data) => {
			console.log(data)
		}).catch(err => {
			console.log(err)
		})
	},
hello: function() {
		http.fetchGet('/hello', "").then((data) => {
			console.log(data)
		}).catch(err => {
			console.log(err)
		})
	},

<!-- Interface cross-domain configuration -->
    <mvc:cors>
        <!-- allowed-methods="*" --> <!-- means all requests are valid -->
        <mvc:mapping path="/**" allowed-origins="*"
                     allowed-methods="POST, GET, OPTIONS, DELETE, PUT"
                     allowed-headers="Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With"
                     allow-credentials="true"/>
    </mvc:cors><!-- Interface cross-domain configuration-->

module.exports = {
  devServer: {
    proxy: {
        '/api': {
            target: 'http://127.0.0.1:8080',
            // A virtual server will be created locally, and then the requested data will be sent and received at the same time, so that there will be no cross-domain problem when the server and the server interact with each other. changeOrigin: true, 
            ws: true,
            pathRewrite: {
                '^/api': '' 
                // Replace the request address in target, that is to say, when you request the address http://api.jisuapi.com/XXXXX in the future, just write /api}
        }
    }
  }
}

axios.defaults.withCredentials = true;