集群切换

ui/src/utils/api.js

@@ -184,13 +184,25 @@ export const KafkaClusterApi = {
     method: "get",
   },
   getClusterInfoList: {
-    url: "/cluster/list",
+    url: "/cluster/info",
     method: "get",
   },
   addClusterInfo: {
-    url: "/cluster",
+    url: "/cluster/info",
     method: "post",
   },
+  deleteClusterInfo: {
+    url: "/cluster/info",
+    method: "delete",
+  },
+  updateClusterInfo: {
+    url: "/cluster/info",
+    method: "put",
+  },
+  peekClusterInfo: {
+    url: "/cluster/info/peek",
+    method: "get",
+  },
 };
 
 export const KafkaOpApi = {

ui/src/utils/constants.js

@@ -1,3 +1,7 @@
 export const ConstantEvent = {
   updateUserDialogData: "updateUserDialogData",
 };
+
+export const Cache = {
+  clusterInfo: "clusterInfo",
+};

ui/src/utils/local-cache.js

@@ -0,0 +1,10 @@
+import { Cache } from "@/utils/constants";
+
+export function setClusterInfo(clusterInfo) {
+  localStorage.setItem(Cache.clusterInfo, JSON.stringify(clusterInfo));
+}
+
+export function getClusterInfo() {
+  const str = localStorage.getItem(Cache.clusterInfo);
+  return str ? JSON.parse(str) : undefined;
+}

ui/src/utils/request.js

@@ -1,6 +1,7 @@
 import axios from "axios";
 import notification from "ant-design-vue/es/notification";
 import { VueAxios } from "./axios";
+import { getClusterInfo } from "@/utils/local-cache";
 
 // 创建 axios 实例
 const request = axios.create({
@@ -22,10 +23,14 @@ const errorHandler = (error) => {
 };
 
 // request interceptor
-// request.interceptors.request.use(config => {
-//
-//   return config
-// }, errorHandler)
+request.interceptors.request.use((config) => {
+  const clusterInfo = getClusterInfo();
+  if (clusterInfo) {
+    config.headers["X-Cluster-Info-Id"] = clusterInfo.id;
+    config.headers["X-Cluster-Info-Name"] = clusterInfo.clusterName;
+  }
+  return config;
+}, errorHandler);
 
 // response interceptor
 request.interceptors.response.use((response) => {