修复：补全缺失的前端文件并取消忽略 vite.config.js

.gitignore

@@ -10,7 +10,6 @@ upload
 build
 *.db-journal
 logs
-web/vite.config.js
 web/dist
 .env
 one-api

web/src/pages/Drawing.jsx

@@ -0,0 +1,33 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { Typography } from '@douyinfe/semi-ui';
+import { useTranslation } from 'react-i18next';
+
+const Drawing = () => {
+  const { t } = useTranslation();
+  return (
+    <div style={{ padding: 24 }}>
+      <Typography.Title heading={3}>{t('Drawing')}</Typography.Title>
+    </div>
+  );
+};
+
+export default Drawing;

web/src/pages/LuckyBag.jsx

@@ -0,0 +1,33 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { Typography } from '@douyinfe/semi-ui';
+import { useTranslation } from 'react-i18next';
+
+const LuckyBag = () => {
+  const { t } = useTranslation();
+  return (
+    <div style={{ padding: 24 }}>
+      <Typography.Title heading={3}>{t('Lucky Bag')}</Typography.Title>
+    </div>
+  );
+};
+
+export default LuckyBag;

web/src/pages/ProfitDashboard.jsx

@@ -0,0 +1,33 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React from 'react';
+import { Typography } from '@douyinfe/semi-ui';
+import { useTranslation } from 'react-i18next';
+
+const ProfitDashboard = () => {
+  const { t } = useTranslation();
+  return (
+    <div style={{ padding: 24 }}>
+      <Typography.Title heading={3}>{t('Profit Dashboard')}</Typography.Title>
+    </div>
+  );
+};
+
+export default ProfitDashboard;

web/src/pages/Setting/Operation/SettingsAntiAbuse.jsx

@@ -0,0 +1,155 @@
+/*
+Copyright (C) 2025 QuantumNous
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+For commercial licensing, please contact support@quantumnous.com
+*/
+
+import React, { useEffect, useState, useRef } from 'react';
+import { Button, Col, Form, Row, Spin, Typography } from '@douyinfe/semi-ui';
+import {
+  compareObjects,
+  API,
+  showError,
+  showSuccess,
+  showWarning,
+} from '../../../helpers';
+import { useTranslation } from 'react-i18next';
+
+export default function SettingsAntiAbuse() {
+  const { t } = useTranslation();
+  const [loading, setLoading] = useState(false);
+  const [inputs, setInputs] = useState({
+    'anti_abuse_setting.enabled': false,
+    'anti_abuse_setting.max_requests_per_minute': 60,
+    'anti_abuse_setting.max_requests_per_hour': 1000,
+    'anti_abuse_setting.max_requests_per_day': 10000,
+  });
+  const refForm = useRef();
+  const [inputsRow, setInputsRow] = useState(inputs);
+
+  function handleFieldChange(fieldName) {
+    return (value) => {
+      setInputs((inputs) => ({ ...inputs, [fieldName]: value }));
+    };
+  }
+
+  function onSubmit() {
+    const updateArray = compareObjects(inputs, inputsRow);
+    if (!updateArray.length) return showWarning(t('You haven\'t made any changes'));
+    const requestQueue = updateArray.map((item) => {
+      let value = '';
+      if (typeof inputs[item.key] === 'boolean') {
+        value = String(inputs[item.key]);
+      } else {
+        value = String(inputs[item.key]);
+      }
+      return API.put('/api/option/', {
+        key: item.key,
+        value,
+      });
+    });
+    setLoading(true);
+    Promise.all(requestQueue)
+      .then((res) => {
+        if (requestQueue.length === 1) {
+          if (res.includes(undefined)) return;
+        } else if (requestQueue.length > 1) {
+          if (res.includes(undefined))
+            return showError(t('Partial save failed, please retry'));
+        }
+        showSuccess(t('Saved successfully'));
+      })
+      .catch(() => {
+        showError(t('Save failed, please retry'));
+      })
+      .finally(() => {
+        setLoading(false);
+      });
+  }
+
+  useEffect(() => {
+    setInputsRow(structuredClone(inputs));
+    refForm.current.setValues(inputs);
+  }, []);
+
+  return (
+    <>
+      <Spin spinning={loading}>
+        <Form
+          values={inputs}
+          getFormApi={(formAPI) => (refForm.current = formAPI)}
+          style={{ marginBottom: 15 }}
+        >
+          <Form.Section text={t('Anti-Abuse Settings')}>
+            <Typography.Text
+              type='tertiary'
+              style={{ marginBottom: 16, display: 'block' }}
+            >
+              {t('Configure rate limiting and anti-abuse protection')}
+            </Typography.Text>
+            <Row gutter={16}>
+              <Col xs={24} sm={12} md={8} lg={8} xl={8}>
+                <Form.Switch
+                  field={'anti_abuse_setting.enabled'}
+                  label={t('Enable Anti-Abuse')}
+                  size='default'
+                  checkedText='|'
+                  uncheckedText='O'
+                  onChange={handleFieldChange('anti_abuse_setting.enabled')}
+                />
+              </Col>
+              <Col xs={24} sm={12} md={8} lg={8} xl={8}>
+                <Form.InputNumber
+                  field={'anti_abuse_setting.max_requests_per_minute'}
+                  label={t('Max Requests/Minute')}
+                  placeholder={t('Maximum requests per minute')}
+                  onChange={handleFieldChange('anti_abuse_setting.max_requests_per_minute')}
+                  min={0}
+                  disabled={!inputs['anti_abuse_setting.enabled']}
+                />
+              </Col>
+              <Col xs={24} sm={12} md={8} lg={8} xl={8}>
+                <Form.InputNumber
+                  field={'anti_abuse_setting.max_requests_per_hour'}
+                  label={t('Max Requests/Hour')}
+                  placeholder={t('Maximum requests per hour')}
+                  onChange={handleFieldChange('anti_abuse_setting.max_requests_per_hour')}
+                  min={0}
+                  disabled={!inputs['anti_abuse_setting.enabled']}
+                />
+              </Col>
+              <Col xs={24} sm={12} md={8} lg={8} xl={8}>
+                <Form.InputNumber
+                  field={'anti_abuse_setting.max_requests_per_day'}
+                  label={t('Max Requests/Day')}
+                  placeholder={t('Maximum requests per day')}
+                  onChange={handleFieldChange('anti_abuse_setting.max_requests_per_day')}
+                  min={0}
+                  disabled={!inputs['anti_abuse_setting.enabled']}
+                />
+              </Col>
+            </Row>
+            <Row>
+              <Button size='default' onClick={onSubmit}>
+                {t('Save Anti-Abuse Settings')}
+              </Button>
+            </Row>
+          </Form.Section>
+        </Form>
+      </Spin>
+    </>
+  );
+}

web/vite.config.js

@@ -0,0 +1,81 @@
+import react from '@vitejs/plugin-react';
+import { defineConfig, transformWithEsbuild } from 'vite';
+import pkg from '@douyinfe/vite-plugin-semi';
+import path from 'path';
+
+const { vitePluginSemi } = pkg;
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+  plugins: [
+    {
+      name: 'treat-js-files-as-jsx',
+      async transform(code, id) {
+        if (!/src\/.*\.js$/.test(id)) {
+          return null;
+        }
+        return transformWithEsbuild(code, id, {
+          loader: 'jsx',
+          jsx: 'automatic',
+        });
+      },
+    },
+    react(),
+    vitePluginSemi({
+      cssLayer: true,
+    }),
+  ],
+  optimizeDeps: {
+    force: true,
+    esbuildOptions: {
+      loader: {
+        '.js': 'jsx',
+        '.json': 'json',
+      },
+    },
+  },
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          'react-core': ['react', 'react-dom', 'react-router-dom'],
+          'semi-ui': ['@douyinfe/semi-icons', '@douyinfe/semi-ui'],
+          tools: ['axios', 'history', 'marked'],
+          'react-components': [
+            'react-dropzone',
+            'react-fireworks',
+            'react-telegram-login',
+            'react-toastify',
+            'react-turnstile',
+          ],
+          i18n: [
+            'i18next',
+            'react-i18next',
+            'i18next-browser-languagedetector',
+          ],
+        },
+      },
+    },
+  },
+  server: {
+    host: '0.0.0.0',
+    proxy: {
+      '/api': {
+        target: 'http://localhost:3000',
+        changeOrigin: true,
+      },
+      '/mj': {
+        target: 'http://localhost:3000',
+        changeOrigin: true,
+      },
+      '/pg': {
+        target: 'http://localhost:3000',
+        changeOrigin: true,
+      },
+    },
+  },
+});