diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index c021df8679..c862e1b457 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -2,6 +2,7 @@ import { PluginFormZhCN } from '@/components/PluginForm';
 
 import { ConsumerZhCN } from '@/pages/Consumer';
 import { RouteZhCN } from '@/pages/Route';
+
 import component from './zh-CN/component';
 import globalHeader from './zh-CN/globalHeader';
 import menu from './zh-CN/menu';
diff --git a/src/pages/Metrics/Metrics.tsx b/src/pages/Metrics/Metrics.tsx
index 60f77a26f5..b3d8af3dfd 100644
--- a/src/pages/Metrics/Metrics.tsx
+++ b/src/pages/Metrics/Metrics.tsx
@@ -1,12 +1,13 @@
 import React, { useState, useEffect } from 'react';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { Empty, Button, Card } from 'antd';
-import { history } from 'umi';
+import { history, useIntl } from 'umi';
 
 import { getGrafanaURL } from './service';
 
 const Metrics: React.FC = () => {
   const [grafanaURL, setGrafanaURL] = useState<string | undefined>();
+  const { formatMessage } = useIntl();
 
   useEffect(() => {
     getGrafanaURL().then((url) => {
@@ -15,7 +16,7 @@ const Metrics: React.FC = () => {
   }, []);
 
   return (
-    <PageHeaderWrapper title="监控">
+    <PageHeaderWrapper title={formatMessage({ id: 'metrics.monitor' })}>
       <Card>
         {!grafanaURL && (
           <Empty
@@ -23,7 +24,7 @@ const Metrics: React.FC = () => {
             imageStyle={{
               height: 60,
             }}
-            description={<span>您还未配置 Grafana</span>}
+            description={<span>{formatMessage({ id: 'metrics.grafana.not.config' })}</span>}
           >
             <Button
               type="primary"
@@ -33,7 +34,7 @@ const Metrics: React.FC = () => {
                 });
               }}
             >
-              现在配置
+              {formatMessage({ id: 'metrics.grafana.config' })}
             </Button>
           </Empty>
         )}
diff --git a/src/pages/Metrics/index.ts b/src/pages/Metrics/index.ts
index 8e5880233f..318581449b 100644
--- a/src/pages/Metrics/index.ts
+++ b/src/pages/Metrics/index.ts
@@ -1 +1,2 @@
 export { default } from './Metrics';
+
diff --git a/src/pages/Metrics/locales/en-US.ts b/src/pages/Metrics/locales/en-US.ts
new file mode 100644
index 0000000000..e01792cea6
--- /dev/null
+++ b/src/pages/Metrics/locales/en-US.ts
@@ -0,0 +1,5 @@
+export default {
+  'metrics.monitor': 'Monitor',
+  'metrics.grafana.not.config': 'You have not configured Grafana',
+  'metrics.grafana.config': 'Configure Now',
+};
diff --git a/src/pages/Metrics/locales/zh-CN.ts b/src/pages/Metrics/locales/zh-CN.ts
new file mode 100644
index 0000000000..5a9c91b261
--- /dev/null
+++ b/src/pages/Metrics/locales/zh-CN.ts
@@ -0,0 +1,5 @@
+export default {
+  'metrics.monitor': '监控',
+  'metrics.grafana.not.config': '您还未配置 Grafana',
+  'metrics.grafana.config': '现在配置',
+};