kafka acl user search and show list

ui/src/utils/axios.js

@@ -0,0 +1,33 @@
+const VueAxios = {
+  vm: {},
+  // eslint-disable-next-line no-unused-vars
+  install(Vue, instance) {
+    if (this.installed) {
+      return;
+    }
+    this.installed = true;
+
+    if (!instance) {
+      // eslint-disable-next-line no-console
+      console.error("You have to install axios");
+      return;
+    }
+
+    Vue.axios = instance;
+
+    Object.defineProperties(Vue.prototype, {
+      axios: {
+        get: function get() {
+          return instance;
+        },
+      },
+      $http: {
+        get: function get() {
+          return instance;
+        },
+      },
+    });
+  },
+};
+
+export { VueAxios };

ui/src/utils/request.js

@@ -0,0 +1,44 @@
+import axios from "axios";
+import notification from "ant-design-vue/es/notification";
+import { VueAxios } from "./axios";
+
+// 创建 axios 实例
+const request = axios.create({
+  // API 请求的默认前缀
+  baseURL: "/kafka-console",
+  timeout: 10000, // 请求超时时间
+});
+
+// 异常拦截处理器
+const errorHandler = (error) => {
+  if (error.response) {
+    const data = error.response.data;
+    notification.error({
+      message: error.response.status,
+      description: JSON.stringify(data),
+    });
+  }
+  return Promise.reject(error);
+};
+
+// request interceptor
+// request.interceptors.request.use(config => {
+//
+//   return config
+// }, errorHandler)
+
+// response interceptor
+request.interceptors.response.use((response) => {
+  return response.data;
+}, errorHandler);
+
+const installer = {
+  vm: {},
+  install(Vue) {
+    Vue.use(VueAxios, request);
+  },
+};
+
+export default request;
+
+export { installer as VueAxios, request as axios };