feat(proxy): 添加本地代理请求覆盖功能，支持自定义请求头和请求体 (#4589)

* feat(proxy): 添加本地代理请求覆盖功能，支持自定义请求头和请求体 * fix(proxy): harden local request overrides validation * feat(proxy): 添加受保护的本地代理请求头名称验证功能 * fix(i18n): 更新本地代理请求覆盖的错误提示信息格式 --------- Co-authored-by: jason.mei <jason.mei@ucloud.cn>
2026-08-02 02:05:57 +08:00 · 2026-06-24 22:19:01 +08:00
parent edeee25fae
commit 6fd4e6f462
14 changed files with 855 additions and 10 deletions
@@ -0,0 +1,91 @@
+import { useTranslation } from "react-i18next";
+import { FormLabel } from "@/components/ui/form";
+import { Textarea } from "@/components/ui/textarea";
+import {
+  parseBodyOverrideJson,
+  parseHeaderOverrideJson,
+} from "@/lib/requestOverrides";
+
+interface LocalProxyRequestOverridesFieldProps {
+  headersJson: string;
+  bodyJson: string;
+  onHeadersJsonChange: (value: string) => void;
+  onBodyJsonChange: (value: string) => void;
+}
+
+export function LocalProxyRequestOverridesField({
+  headersJson,
+  bodyJson,
+  onHeadersJsonChange,
+  onBodyJsonChange,
+}: LocalProxyRequestOverridesFieldProps) {
+  const { t } = useTranslation();
+  const headerError = parseHeaderOverrideJson(headersJson).error;
+  const bodyError = parseBodyOverrideJson(bodyJson).error;
+
+  return (
+    <div className="space-y-3">
+      <div className="space-y-1">
+        <FormLabel>
+          {t("providerForm.localProxyRequestOverrides", {
+            defaultValue: "本地代理请求覆盖",
+          })}
+        </FormLabel>
+        <p className="text-xs text-muted-foreground">
+          {t("providerForm.localProxyRequestOverridesHint", {
+            defaultValue:
+              "仅在本地路由/代理接管后生效，应用于协议转换后的上游请求。",
+          })}
+        </p>
+      </div>
+
+      <div className="grid gap-3 md:grid-cols-2">
+        <div className="space-y-2">
+          <FormLabel className="text-xs text-muted-foreground">
+            {t("providerForm.localProxyHeaderOverrides", {
+              defaultValue: "Header 覆盖",
+            })}
+          </FormLabel>
+          <Textarea
+            value={headersJson}
+            onChange={(event) => onHeadersJsonChange(event.target.value)}
+            placeholder={'{\n  "X-Provider": "cc-switch"\n}'}
+            className="min-h-[132px] resize-y font-mono text-xs"
+            aria-invalid={Boolean(headerError)}
+          />
+          {headerError && (
+            <p className="text-xs text-destructive">
+              {t("providerForm.localProxyHeaderOverridesInvalidDetail", {
+                error: headerError,
+                defaultValue: "Header 覆盖格式错误：{{error}}",
+              })}
+            </p>
+          )}
+        </div>
+
+        <div className="space-y-2">
+          <FormLabel className="text-xs text-muted-foreground">
+            {t("providerForm.localProxyBodyOverrides", {
+              defaultValue: "Body 覆盖",
+            })}
+          </FormLabel>
+          <Textarea
+            value={bodyJson}
+            onChange={(event) => onBodyJsonChange(event.target.value)}
+            placeholder={'{\n  "temperature": 0.2\n}'}
+            className="min-h-[132px] resize-y font-mono text-xs"
+            aria-invalid={Boolean(bodyError)}
+          />
+          {bodyError && (
+            <p className="text-xs text-destructive">
+              {t("providerForm.localProxyBodyOverridesInvalidDetail", {
+                error: bodyError,
+                defaultValue: "Body 覆盖格式错误：{{error}}",
+              })}
+            </p>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}