diff --git a/web/src/components/Upstream/UpstreamForm.tsx b/web/src/components/Upstream/UpstreamForm.tsx
index 09241a591d..1e4c196e09 100644
--- a/web/src/components/Upstream/UpstreamForm.tsx
+++ b/web/src/components/Upstream/UpstreamForm.tsx
@@ -246,6 +246,18 @@ const UpstreamForm: React.FC<Props> = forwardRef(
           </Form.Item>
         </Form.Item>
 
+        <Form.Item label={formatMessage({ id: 'upstream.step.healthy.checks.active.port' })}>
+          <Form.Item
+            name={['checks', 'active', 'port']}
+            noStyle
+          >
+            <InputNumber
+              placeholder={formatMessage({ id: 'upstream.step.input.healthy.checks.active.port' })}
+              disabled={readonly}
+            />
+          </Form.Item>
+        </Form.Item>
+
         <Form.Item
           label={formatMessage({ id: 'upstream.step.healthy.checks.active.http_path' })}
           required
diff --git a/web/src/pages/Upstream/locales/en-US.ts b/web/src/pages/Upstream/locales/en-US.ts
index 697ee11bfb..d8e54b31be 100644
--- a/web/src/pages/Upstream/locales/en-US.ts
+++ b/web/src/pages/Upstream/locales/en-US.ts
@@ -46,6 +46,8 @@ export default {
   'upstream.step.input.healthy.checks.active.timeout': 'Please input timeout',
   'upstream.step.healthy.checks.active.http_path': 'HttpPath',
   'upstream.step.input.healthy.checks.active.http_path': 'HttpPath',
+  'upstream.step.healthy.checks.active.port': "Port",
+  'upstream.step.input.healthy.checks.active.port': 'Please input port',
   'upstream.step.healthy.checks.active.host': 'Host',
   'upstream.step.input.healthy.checks.active.host': 'Please input Host',
   'upstream.step.healthy.checks.active.interval': 'Interval',
diff --git a/web/src/pages/Upstream/locales/zh-CN.ts b/web/src/pages/Upstream/locales/zh-CN.ts
index 36525b7bb7..878036e91f 100644
--- a/web/src/pages/Upstream/locales/zh-CN.ts
+++ b/web/src/pages/Upstream/locales/zh-CN.ts
@@ -46,6 +46,8 @@ export default {
   'upstream.step.input.healthy.checks.active.timeout': '请输入超时时间',
   'upstream.step.healthy.checks.active.http_path': '路径',
   'upstream.step.input.healthy.checks.active.http_path': '请输入路径',
+  'upstream.step.healthy.checks.active.port': "端口",
+  'upstream.step.input.healthy.checks.active.port': '请输入端口',
   'upstream.step.healthy.checks.active.host': '域名',
   'upstream.step.input.healthy.checks.active.host': '请输入域名',
   'upstream.step.healthy.checks.active.interval': '间隔',
diff --git a/web/src/pages/Upstream/transform.ts b/web/src/pages/Upstream/transform.ts
index 172a96f215..efe0f17223 100644
--- a/web/src/pages/Upstream/transform.ts
+++ b/web/src/pages/Upstream/transform.ts
@@ -30,7 +30,13 @@ export const transformRequest = (
     upstream_host,
     upstream_id,
   } = data;
-  data.checks = pickBy(data.checks, identity);
+  data.checks = pickBy(data.checks || {}, identity);
+  if (data.checks.active) {
+    data.checks.active = pickBy(
+      data.checks.active,
+      identity,
+    ) as UpstreamModule.HealthCheck['active'];
+  }
 
   if (upstream_id) {
     return { upstream_id };
diff --git a/web/src/pages/Upstream/typing.d.ts b/web/src/pages/Upstream/typing.d.ts
index 120f1aaf9c..3529ed8947 100644
--- a/web/src/pages/Upstream/typing.d.ts
+++ b/web/src/pages/Upstream/typing.d.ts
@@ -34,6 +34,7 @@ declare namespace UpstreamModule {
         http_failures: number;
       };
       req_headers?: string[];
+      port?: number;
     };
     passive?: {
       healthy: {