How to encapsulate axios request with vue

export default {
// Development environment dev: {
    baseUrl: "Development environment public address"
},
// Test environment test
test: {
    baseUrl: "Test environment public address"
},
//Online interface prod: {
    baseUrl: "Public address of online environment"
}
};

import axios from "axios";
import env from "./env";
//This is a private domain name but you can also leave it blank var vipUrl = "/app";
// Create an axios instance const service = axios.create({
//Here is the baseUrl for the online interface test: env.prod.baseUrl + vipUrl,
    headers:{},//request header settimeout:2000,//timeout });
//Add request interceptor service.interceptors.request.use(
config => {
    // Do something before sending the request config.headers["deviceType"] = "H5";
    console.log("Requested data:", config);
    return config;
},
error => {
    // Do something about the request error return Promise.reject("error", error);
}
);

//Add response interceptor service.interceptors.response.use(
response => {
    // Do something with the response data // console.log("returned data", response);
    return response;
},
error => {
    // Do something with the error return Promise.reject(error);
}
);
export default service;

//Import request.js fileimport request from "./request";

// Carousel export function getBanners(data) {
return request({
    url: "/banner", //This address is the address left after removing the public address and private domain name method: "GET", //The request method supports multiple methods such as get, post, put, delete, etc. data//Parameters to be configured in sending requests. You can also leave it blank if there are no parameters. });
}

<script>
//Introduce the required interface import { getBanners } from "../http/api";
export default {
name: "Home",
components: {},
mounted() {
    //Use directly. Then is the callback for successful request. Catch is the callback for failed request getBanners()
    .then(result => {
        window.console.log("111", result);
    })
    .catch(err => {
        window.console.log("222", err);
    });
},
methods: {}
};
</script>