message-verify 0.0.51-beta.0 → 0.1.1-beta.1

package/README.md

@@ -9,4 +9,29 @@
 ### 1. 引入组件
 
 ```typescript
-import {createMessageVerifyModal} from 'message-verify';
+import {createMessageVerifyModal} from 'message-verify';
+```
+
+### 2. 参数说明
+
+```typescript
+- data ：字符串，包含手机号、验证码 key 等信息（JSON 字符串）。
+- config ：对象，必须包含 headers 字段（可为空对象），用于 http 请求配置。
+- lang ：组件使用语言，支持 'zh' （中文）、 'en' （英文）、 'id' （印尼语）。
+- http ：http 客户端实例（如 axios）。
+- onClose ：弹窗关闭回调（可选）。
+```
+
+### 3. 示例
+
+```typescript
+createMessageVerifyModal({
+  data,
+  config: { headers: {} }, // 必须包含 headers 字段
+  lang: 'zh', // 支持 'zh' | 'en' | 'id'
+  http: axios,
+  onClose: () => {
+    // 可选，弹窗关闭回调
+  }
+});
+```

package/dist/compoments/input.js

@@ -25,28 +25,32 @@ const OTPInput = ({ length, value = '', onChange, style }) => {
             inputsRef.current[idx - 1]?.focus();
         }
     };
-    return (_jsx("div", { style: { display: 'flex', gap: 8, ...style }, children: Array.from({ length }).map((_, idx) => (_jsx("input", { ref: el => { inputsRef.current[idx] = el; }, type: "text", maxLength: 1, value: chars[idx], onChange: e => handleChange(idx, e.target.value), onKeyDown: e => handleKeyDown(idx, e), style: {
-                width: 32,
-                height: 36,
+    return (_jsx("div", { style: { display: 'flex', gap: 4, ...style }, children: Array.from({ length }).map((_, idx) => (_jsx("input", { ref: el => { inputsRef.current[idx] = el; }, type: "text", maxLength: 1, value: chars[idx], onChange: e => handleChange(idx, e.target.value), onKeyDown: e => handleKeyDown(idx, e), style: {
+                width: 36,
+                height: 32,
                 textAlign: 'center',
-                fontSize: 18,
+                fontSize: 16,
                 border: '1px solid #d9d9d9',
-                borderRadius: 8,
+                borderRadius: 6,
                 outline: 'none',
-            } }, idx))) }));
+                background: '#fff',
+                transition: 'border-color 0.2s',
+            }, onFocus: e => (e.currentTarget.style.borderColor = '#4096ff'), onBlur: e => (e.currentTarget.style.borderColor = '#d9d9d9') }, idx))) }));
 };
 const Input = (props) => {
     return (_jsx("input", { type: props.type || 'text', value: props.value, placeholder: props.placeholder, onChange: e => props.onChange?.(e.target.value), style: {
-            padding: '6px 12px',
+            padding: '4px 11px',
             border: '1px solid #d9d9d9',
-            borderRadius: 4,
+            borderRadius: 6,
             outline: 'none',
             fontSize: 14,
             width: '100%',
             boxSizing: 'border-box',
-            height: 36,
+            height: 32,
+            background: '#fff',
+            transition: 'border-color 0.2s',
             ...props.style,
-        } }));
+        }, onFocus: e => (e.currentTarget.style.borderColor = '#4096ff'), onBlur: e => (e.currentTarget.style.borderColor = '#d9d9d9') }));
 };
 Input.OTP = OTPInput;
 export default Input;

package/dist/index.d.ts

@@ -1,19 +1,3 @@
-export declare const getFingerprint: () => string | null;
+import { ModalConfig } from './utils/type.js';
 export declare const initFingerprint: () => Promise<string>;
-export type ModalConfig = {
-    data: string;
-    onClose?: () => void;
-    config: object;
-    lang: 'zh' | 'en' | 'id';
-    http: {
-        (params: object): Promise<unknown>;
-        defaults: {
-            headers: {
-                common: {
-                    [key: string]: unknown;
-                };
-            };
-        };
-    };
-};
 export declare const createMessageVerifyModal: (modalProps: ModalConfig) => void;

package/dist/index.js

@@ -2,11 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import ReactDOM from 'react-dom/client';
 import VerifyModal from './verify-modal.js';
 import Fingerprint2 from 'fingerprintjs2';
-let cachedFingerprint = null;
-export const getFingerprint = () => {
-    return cachedFingerprint;
-};
-export const initFingerprint = () => {
+export const initFingerprint = async () => {
     return new Promise((resolve) => {
         Fingerprint2.get(function (components) {
             const includeKeys = ['userAgent', 'deviceMemory', 'cpuClass', 'hardwareConcurrency', 'platform'];
@@ -15,7 +11,6 @@ export const initFingerprint = () => {
                 .map(component => component.value)
                 .join('###');
             const fingerprint = Fingerprint2.x64hash128(values, 31);
-            cachedFingerprint = fingerprint;
             resolve(fingerprint);
         });
     });

package/dist/main.js

@@ -1,16 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createRoot } from 'react-dom/client';
-import { createMessageVerifyModal } from './index.js'; // 或 './index'
+import { createMessageVerifyModal, initFingerprint } from './index.js'; // 或 './index'
+import { axios } from '@yqg/resource';
 const data = "{\"mobile\":\"188****4035\",\"verifyCodeKey\":\"3f025b33-988e-47c0-950d-6beb776d043f\",\"needValid\":true,\"step\":2,\"message\":\"需要填写验证码\"}";
+const fp = await initFingerprint();
+console.log(fp);
 createRoot(document.getElementById('root')).render(_jsx("button", { onClick: () => createMessageVerifyModal({
         data,
-        config: {},
+        config: { headers: {} },
         lang: 'en',
-        http: Object.assign(() => Promise.resolve({}), {
-            defaults: {
-                headers: {
-                    common: {}
-                }
-            }
-        }),
+        http: axios,
     }), children: "Show Modal" }));

package/dist/resource.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@yqg/resource").default & Record<"urlPrefix" | "getCaptchaKey" | "reSendCode" | "getCaptchaImgUrl", import("@yqg/resource").CustomMethod>;
+declare const _default: import("@yqg/resource").default & Record<"getCaptchaKey" | "reSendCode" | "getCaptchaImgUrl", import("@yqg/resource").CustomMethod>;
 export default _default;

package/dist/resource.js

@@ -1,50 +1,7 @@
 import { assign, customPost } from '@yqg/resource';
-// import { assign, axios as instance, customPost } from '@yqg/resource';
-// import { message } from './compoments/index.js';
-// import { YQG_SUCCESS } from './utils/status.js';
-const urlPrefix = '/messageVerify/admin/';
-// axios.defaults.headers.common['Access-Control-Allow-Origin'] = '*';
-// instance.interceptors.response.use(
-//     (res) => {
-//         const { status } = res?.data || {};
-//         const { code, detail } = status || {};
-//         if (res?.config?.responseType === 'blob') {
-//             if (res?.data?.type === 'application/json') {
-//                 // 没有拿到文件时，将拿到的 blob 流转为 js 对象，进而拿到错误信息(detail)并返回 reject 状态
-//                 // 不处理将默认下载一个 json 文件
-//                 const reader = new FileReader();
-//                 reader.readAsText(res.data, 'utf-8');
-//                 reader.onload = () => {
-//                     const parsedObj = JSON.parse(reader.result as string);
-//                     message.info(parsedObj?.status?.detail);
-//                 };
-//                 return Promise.reject();
-//             } else {
-//                 return res;
-//             }
-//         }
-//         if (res.headers && res.headers['content-type'] === 'image/jpeg') {
-//             return res;
-//         }
-//         switch (code) {
-//             case YQG_SUCCESS:
-//                 return Promise.resolve(res);
-//             default: {
-//                 message.error(detail);
-//                 return Promise.reject(res);
-//             }
-//         }
-//     },
-//     (err: {data: {status: {detail: string}}}) => {
-//         const detail = err?.data?.status?.detail || 'Unknown error';
-//         message.error(detail);
-//         return Promise.reject(err);
-//     },
-// );
 const api = {
-    urlPrefix,
-    getCaptchaKey: customPost('captcha/key'),
-    reSendCode: customPost('sms/send'),
+    getCaptchaKey: customPost('/messageVerify/admin/captcha/key'),
+    reSendCode: customPost('/admin/sms/send'),
     getCaptchaImgUrl: (captchaKey) => { return `/messageVerify/admin/captcha/image/${captchaKey}`; },
 };
 export default assign(api);

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.tsx","../src/main.tsx","../src/resource.ts","../src/verify-modal.tsx","../src/vite-env.d.ts","../src/compoments/button.tsx","../src/compoments/index.ts","../src/compoments/input.tsx","../src/compoments/message.tsx","../src/compoments/modal.tsx","../src/locales/en.ts","../src/locales/id.ts","../src/locales/zh.ts","../src/utils/i18n.ts","../src/utils/status.ts"],"version":"5.7.3"}
+{"root":["../src/index.tsx","../src/main.tsx","../src/resource.ts","../src/verify-modal.tsx","../src/vite-env.d.ts","../src/compoments/button.tsx","../src/compoments/index.ts","../src/compoments/input.tsx","../src/compoments/message.tsx","../src/compoments/modal.tsx","../src/locales/en.ts","../src/locales/id.ts","../src/locales/zh.ts","../src/utils/i18n.ts","../src/utils/status.ts","../src/utils/type.ts"],"version":"5.7.3"}

package/dist/utils/type.d.ts

@@ -0,0 +1,22 @@
+export type ModalConfig = {
+    data: string;
+    onClose?: () => void;
+    config: {
+        headers: {
+            [key: string]: string | undefined;
+        };
+        [key: string]: unknown;
+    };
+    lang: 'zh' | 'en' | 'id';
+    http: {
+        (params: object): Promise<unknown>;
+        defaults: {
+            headers: {
+                common: {
+                    [key: string]: unknown;
+                };
+            };
+        };
+    };
+    api?: string;
+};

package/dist/utils/type.js

@@ -0,0 +1 @@
+export {};

package/dist/verify-modal.d.ts

@@ -1,19 +1,4 @@
-type ModalConfig = {
-    data: string;
-    onClose?: () => void;
-    config: object;
-    lang: 'zh' | 'en' | 'id';
-    http: {
-        (params: object): Promise<unknown>;
-        defaults: {
-            headers: {
-                common: {
-                    [key: string]: unknown;
-                };
-            };
-        };
-    };
-};
+import { ModalConfig } from './utils/type.js';
 declare const CreateMessageVerifyModal: ({ props }: {
     props: ModalConfig;
 }) => import("react/jsx-runtime.js").JSX.Element;

package/dist/verify-modal.js

@@ -3,23 +3,32 @@ import { useEffect, useState } from 'react';
 import { Modal, Input, Button, message } from './compoments/index.js';
 import Api from './resource.js';
 import t from './utils/i18n.js';
+import { axios } from '@yqg/resource';
 const CreateMessageVerifyModal = ({ props }) => {
     const [visible, setVisible] = useState(true);
-    const [countdown, setCountdown] = useState(3);
+    const [countdown, setCountdown] = useState(60);
     const [otp, setOtp] = useState('');
     const [captchaImage, setCaptchaImage] = useState('');
     const [captchCode, setCaptchCode] = useState('');
     const [captchaKey, setCaptchaKey] = useState('');
-    const { data, config, http, lang } = props || {};
+    const { data, config, http, lang, api = '/admin/sms/send' } = props || {};
     const dataObj = JSON.parse(data || '{}');
     const { mobile, verifyCodeKey } = dataObj || {};
     const getKey = async () => {
-        const res = await Api.getCaptchaKey();
-        const { body: key } = res.data || {};
-        setCaptchaKey(key);
-        if (key) {
-            const image = Api.getCaptchaImgUrl(key);
-            setCaptchaImage(image);
+        try {
+            const res = await Api.getCaptchaKey();
+            const { body: key } = res.data || {};
+            setCaptchaKey(key);
+            if (key) {
+                const image = Api.getCaptchaImgUrl(key);
+                setCaptchaImage(image);
+            }
+        }
+        catch (err) {
+            const msg = typeof err === 'object' && err !== null && 'message' in err
+                ? err.message
+                : String(err);
+            message.error(msg);
         }
     };
     useEffect(() => {
@@ -39,8 +48,11 @@ const CreateMessageVerifyModal = ({ props }) => {
     }, [visible, countdown]);
     const handleResend = async () => {
         setCountdown(60);
-        const res = await Api.reSendCode({ captchaKey, captcha: captchCode });
-        console.log('handleResend=>res', res);
+        const formData = new FormData();
+        formData.append('captchaKey', captchaKey);
+        formData.append('captcha', captchCode);
+        // 重新发送验证码
+        await axios.post(api, formData);
         message.success(t('sendSuccess', lang));
     };
     return (_jsxs(Modal, { width: 420, visible: visible, onClose: () => {
@@ -48,10 +60,17 @@ const CreateMessageVerifyModal = ({ props }) => {
             props.onClose?.();
         }, children: [_jsx("div", { style: { fontSize: 14, color: '#666' }, children: t('alreadySend', lang, { phone: mobile }) }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8, marginTop: 12 }, children: [_jsx(Input.OTP, { length: 6, value: otp, onChange: (val) => {
                             setOtp(val);
+                            console.log('打印Content-Type', config.headers['Content-Type']);
                             if (val.length === 6) {
-                                http.defaults.headers.common['sms-code'] = val;
-                                http.defaults.headers.common['sms-code-key'] = verifyCodeKey;
-                                http(config);
+                                http({
+                                    ...config,
+                                    headers: {
+                                        ...http.defaults.headers.common,
+                                        'sms-code': val,
+                                        'sms-code-key': verifyCodeKey,
+                                        'Content-Type': config.headers['Content-Type'],
+                                    }
+                                });
                                 setVisible(false);
                             }
                         } }), _jsx(Button, { disabled: countdown > 0 || !captchCode, onClick: handleResend, style: { padding: '8px' }, children: countdown > 0 ? t('countDownSecound', lang, { countdown }) : t('reSend', lang) })] }), countdown > 0 ? null :

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "message-verify",
-  "version": "0.0.51-beta.0",
+  "version": "0.1.1-beta.1",
   "type": "module",
   "main": "dist/index.js",
   "dependencies": {

package/src/compoments/input.tsx

@@ -44,7 +44,7 @@ const OTPInput: React.FC<OTPInputProps> = ({ length, value = '', onChange, style
     };
 
     return (
-        <div style={{ display: 'flex', gap: 8, ...style }}>
+        <div style={{ display: 'flex', gap: 4, ...style }}>
             {Array.from({ length }).map((_, idx) => (
                 <input
                     key={idx}
@@ -55,14 +55,18 @@ const OTPInput: React.FC<OTPInputProps> = ({ length, value = '', onChange, style
                     onChange={e => handleChange(idx, e.target.value)}
                     onKeyDown={e => handleKeyDown(idx, e)}
                     style={{
-                        width: 32,
-                        height: 36,
+                        width: 36,
+                        height: 32,
                         textAlign: 'center',
-                        fontSize: 18,
+                        fontSize: 16,
                         border: '1px solid #d9d9d9',
-                        borderRadius: 8,
+                        borderRadius: 6,
                         outline: 'none',
+                        background: '#fff',
+                        transition: 'border-color 0.2s',
                     }}
+                    onFocus={e => (e.currentTarget.style.borderColor = '#4096ff')}
+                    onBlur={e => (e.currentTarget.style.borderColor = '#d9d9d9')}
                 />
             ))}
         </div>
@@ -77,16 +81,20 @@ const Input: React.FC<CustomInputProps> & { OTP: typeof OTPInput } = (props) =>
             placeholder={props.placeholder}
             onChange={e => props.onChange?.(e.target.value)}
             style={{
-                padding: '6px 12px',
+                padding: '4px 11px',
                 border: '1px solid #d9d9d9',
-                borderRadius: 4,
+                borderRadius: 6,
                 outline: 'none',
                 fontSize: 14,
                 width: '100%',
                 boxSizing: 'border-box',
-                height: 36,
+                height: 32,
+                background: '#fff',
+                transition: 'border-color 0.2s',
                 ...props.style,
             }}
+            onFocus={e => (e.currentTarget.style.borderColor = '#4096ff')}
+            onBlur={e => (e.currentTarget.style.borderColor = '#d9d9d9')}
         />
     );
 };

package/src/index.tsx

@@ -1,14 +1,9 @@
 import ReactDOM from 'react-dom/client'
 import VerifyModal from './verify-modal.js'
 import Fingerprint2 from 'fingerprintjs2';
+import { ModalConfig } from './utils/type.js';
 
-let cachedFingerprint: string | null = null;
-
-export const getFingerprint = (): string | null => {
-    return cachedFingerprint;
-};
-
-export const initFingerprint = (): Promise<string> => {
+export const initFingerprint = async (): Promise<string> => {
     return new Promise((resolve) => {
         Fingerprint2.get(function (components) {
             const includeKeys = ['userAgent', 'deviceMemory', 'cpuClass', 'hardwareConcurrency', 'platform'];
@@ -17,29 +12,11 @@ export const initFingerprint = (): Promise<string> => {
                 .map(component => component.value)
                 .join('###');
             const fingerprint = Fingerprint2.x64hash128(values, 31);
-            cachedFingerprint = fingerprint;
             resolve(fingerprint);
         });
     });
 };
 
-export type ModalConfig = {
-    data: string;
-    onClose?: () => void
-    config: object;
-    lang: 'zh' | 'en' | 'id';
-    http: {
-        (params: object): Promise<unknown>;
-        defaults: {
-            headers: {
-                common: {
-                    [key: string]: unknown;
-                }
-            }
-        }
-    };
-}
-
 let modalRoot: ReactDOM.Root | null = null
 
 export const createMessageVerifyModal = (modalProps: ModalConfig) => {

package/src/main.tsx

@@ -1,23 +1,18 @@
 import { createRoot } from 'react-dom/client';
-import { createMessageVerifyModal } from './index.js'; // 或 './index'
+import { createMessageVerifyModal, initFingerprint } from './index.js'; // 或 './index'
+import { axios } from '@yqg/resource';
 
 const data = "{\"mobile\":\"188****4035\",\"verifyCodeKey\":\"3f025b33-988e-47c0-950d-6beb776d043f\",\"needValid\":true,\"step\":2,\"message\":\"需要填写验证码\"}";
 
+const fp = await initFingerprint();
+console.log(fp);
+
 createRoot(document.getElementById('root')!).render(
     <button onClick={() => createMessageVerifyModal({ 
         data,
-        config: {},
+        config: {headers: {}},
         lang: 'en',
-        http: Object.assign(
-            () => Promise.resolve({}),
-            {
-                defaults: {
-                    headers: {
-                        common: {}
-                    }
-                }
-            }
-        ),
+        http: axios,
     })}>
       Show Modal
     </button>);

package/src/resource.ts

@@ -1,56 +1,8 @@
 import { assign, customPost } from '@yqg/resource';
-// import { assign, axios as instance, customPost } from '@yqg/resource';
-// import { message } from './compoments/index.js';
-// import { YQG_SUCCESS } from './utils/status.js';
 
-const urlPrefix = '/messageVerify/admin/';
-// axios.defaults.headers.common['Access-Control-Allow-Origin'] = '*';
-// instance.interceptors.response.use(
-//     (res) => {
-//         const { status } = res?.data || {};
-//         const { code, detail } = status || {};
-//         if (res?.config?.responseType === 'blob') {
-//             if (res?.data?.type === 'application/json') {
-//                 // 没有拿到文件时，将拿到的 blob 流转为 js 对象，进而拿到错误信息(detail)并返回 reject 状态
-//                 // 不处理将默认下载一个 json 文件
-//                 const reader = new FileReader();
-//                 reader.readAsText(res.data, 'utf-8');
-//                 reader.onload = () => {
-//                     const parsedObj = JSON.parse(reader.result as string);
-//                     message.info(parsedObj?.status?.detail);
-//                 };
-
-//                 return Promise.reject();
-//             } else {
-//                 return res;
-//             }
-//         }
-
-//         if (res.headers && res.headers['content-type'] === 'image/jpeg') {
-//             return res;
-//         }
-
-//         switch (code) {
-//             case YQG_SUCCESS:
-//                 return Promise.resolve(res);
-//             default: {
-//                 message.error(detail);
-//                 return Promise.reject(res);
-//             }
-//         }
-//     },
-//     (err: {data: {status: {detail: string}}}) => {
-//         const detail = err?.data?.status?.detail || 'Unknown error';
-//         message.error(detail);
-
-//         return Promise.reject(err);
-//     },
-// );
 const api = {
-    urlPrefix,
-
-    getCaptchaKey: customPost('captcha/key'),
-    reSendCode: customPost('sms/send'),
+    getCaptchaKey: customPost('/messageVerify/admin/captcha/key'),
+    reSendCode: customPost('/admin/sms/send'),
     getCaptchaImgUrl: (captchaKey: string) => {return `/messageVerify/admin/captcha/image/${captchaKey}`},
 };
 

package/src/utils/type.ts

@@ -0,0 +1,23 @@
+
+export type ModalConfig = {
+    data: string;
+    onClose?: () => void
+    config: {
+        headers: {
+            [key: string]: string | undefined;
+        };
+        [key: string]: unknown;
+    };
+    lang: 'zh' | 'en' | 'id';
+    http: {
+        (params: object): Promise<unknown>;
+        defaults: {
+            headers: {
+                common: {
+                    [key: string]: unknown;
+                }
+            }
+        }
+    };
+    api?: string;
+}

package/src/verify-modal.tsx

@@ -2,42 +2,34 @@ import { useEffect, useState } from 'react'
 import { Modal, Input, Button, message } from './compoments/index.js'
 import Api from './resource.js'
 import t from './utils/i18n.js'
+import { ModalConfig } from './utils/type.js';
+import { axios } from '@yqg/resource';
 
-type ModalConfig = {
-    data: string;
-    onClose?: () => void;
-    config: object;
-    lang: 'zh' | 'en' | 'id';
-    http: {
-        (params: object): Promise<unknown>;
-        defaults: {
-            headers: {
-                common: {
-                    [key: string]: unknown;
-                }
-            }
-        }
-    };
-}
 const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
-
     const [visible, setVisible] = useState(true);
-    const [countdown, setCountdown] = useState(3);
+    const [countdown, setCountdown] = useState(60);
     const [otp, setOtp] = useState('');
     const [captchaImage, setCaptchaImage] = useState<string>('');
     const [captchCode, setCaptchCode] = useState<string>('');
     const [captchaKey, setCaptchaKey] = useState<string>('');
-    const { data, config, http, lang } = props || {};
+    const { data, config, http, lang, api='/admin/sms/send' } = props || {};
     const dataObj = JSON.parse(data || '{}');
     const { mobile, verifyCodeKey } = dataObj || {};
 
     const getKey = async () => {
-        const res = await Api.getCaptchaKey();
-        const { body: key } = res.data || {};
-        setCaptchaKey(key);
-        if (key) {
-            const image = Api.getCaptchaImgUrl(key) as unknown;
-            setCaptchaImage(image as string);
+        try {
+            const res = await Api.getCaptchaKey();
+            const { body: key } = res.data || {};
+            setCaptchaKey(key);
+            if (key) {
+                const image = Api.getCaptchaImgUrl(key) as unknown;
+                setCaptchaImage(image as string);
+            }
+        } catch (err) {const msg =
+            typeof err === 'object' && err !== null && 'message' in err
+                ? (err as {message: string}).message
+                : String(err);
+            message.error(msg as React.ReactNode);
         }
     }
 
@@ -58,8 +50,11 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
 
     const handleResend = async () => {
         setCountdown(60);
-        const res = await Api.reSendCode({ captchaKey, captcha: captchCode });
-        console.log('handleResend=>res', res);
+        const formData = new FormData();
+        formData.append('captchaKey', captchaKey);
+        formData.append('captcha', captchCode);
+        // 重新发送验证码
+        await axios.post(api, formData);
         message.success(t('sendSuccess', lang));
     }
 
@@ -80,10 +75,17 @@ const CreateMessageVerifyModal = ({ props }: { props: ModalConfig }) => {
                     value={otp}
                     onChange={(val) => {
                         setOtp(val);
+                        console.log('打印Content-Type', config.headers['Content-Type'])
                         if (val.length === 6) {
-                            http.defaults.headers.common['sms-code'] = val as string;
-                            http.defaults.headers.common['sms-code-key'] = verifyCodeKey as string;
-                            http(config);
+                            http({
+                                ...config,
+                                headers: {
+                                    ...http.defaults.headers.common,
+                                    'sms-code': val,
+                                    'sms-code-key': verifyCodeKey,
+                                    'Content-Type': config.headers['Content-Type'],
+                                }
+                            });
                             setVisible(false);
                         }
                     }} />

package/vite.config.ts

@@ -15,8 +15,15 @@ export default defineConfig({
           host: 'reconcile-test.yangqianguan.com', // 和转发url一样 host不带协议头 origin带上
           origin: 'https://reconcile-test.yangqianguan.com'
         },
-
       },
+      '/admin': {
+        target: 'https://chidori-admin-test.yangqianguan.com',
+        changeOrigin: true,
+        headers: {
+          host: 'chidori-admin-test.yangqianguan.com', // 和转发url一样 host不带协议头 origin带上
+          origin: 'https://chidori-admin-test.yangqianguan.com'
+        },
+      }
     },
   },
   build: {