Improvements for leave api and UI

console-ui/src/locales/en-US.js

@@ -148,6 +148,9 @@ const I18N_CONF = {
     extendInfo: 'NodeMetaData',
     operation: 'Operation',
     leave: 'Leave',
+    leaveSucc: 'Leave successfully',
+    leaveFail: 'Leave failed',
+    leavePrompt: 'prompt',
     confirm: 'Confirm',
     confirmTxt: 'Confirm that you want to go offline this cluster node?',
   },

console-ui/src/locales/zh-CN.js

@@ -146,6 +146,9 @@ const I18N_CONF = {
     extendInfo: '节点元数据',
     operation: '操作',
     leave: '下线',
+    leaveSucc: '下线成功',
+    leaveFail: '下线失败',
+    leavePrompt: '提示',
     confirm: '确认',
     confirmTxt: '确认要下线此集群节点?',
   },

console-ui/src/pages/ClusterManagement/ClusterNodeList/ClusterNodeList.js

@@ -29,6 +29,7 @@ import {
   Table,
   Dialog,
   ConfigProvider,
+  Message,
 } from '@alifd/next';
 import { request } from '../../../globalLib';
 import RegionGroup from '../../../components/RegionGroup';
@@ -105,19 +106,38 @@ class ClusterNodeList extends React.Component {
   }
 
   leave(nodes) {
+    const { locale = {} } = this.props;
+    const accessToken = JSON.parse(localStorage.token || '{}').accessToken;
     this.openLoading();
     axios
-      .post('v1/core/cluster/server/leave', nodes)
-      .then(() => {
+      .post(`v1/core/cluster/server/leave?accessToken=${accessToken}`, nodes)
+      .then(response => {
+        if (response.data.code === 200) {
+          Message.success(locale.leaveSucc);
+        } else {
+          const errorMessage = response.data.message || locale.leaveFail;
+          this.showErrorDialog(locale.leavePrompt, errorMessage);
+        }
+
         this.queryClusterStateList();
         this.closeLoading();
       })
-      .catch(() => {
+      .catch(error => {
+        const errorMessage = error.response?.data?.message || locale.leaveFail;
+        this.showErrorDialog(locale.leavePrompt, errorMessage);
+
         this.queryClusterStateList();
         this.closeLoading();
       });
   }
 
+  showErrorDialog(title, content) {
+    Dialog.alert({
+      title,
+      content,
+    });
+  }
+
   showLeaveDialog(value) {
     const { locale = {} } = this.props;
     Dialog.confirm({

core/src/main/java/com/alibaba/nacos/core/controller/NacosClusterController.java

@@ -150,7 +150,7 @@ public RestResult<String> switchLookup(@RequestParam(name = "type") String type)
     @Secured(resource = Commons.NACOS_CORE_CONTEXT + "/cluster", action = ActionTypes.WRITE, signType = SignType.CONSOLE)
     public RestResult<String> leave(@RequestBody Collection<String> params,
             @RequestParam(defaultValue = "true") Boolean notifyOtherMembers) throws Exception {
-        return RestResultUtils.failed(405, "/v1/core/cluster/server/leave API not allow to use temporarily.");
+        return RestResultUtils.failed(405, null, "/v1/core/cluster/server/leave API not allow to use temporarily.");
     }
 
 }