小改动

package-lock.json

@@ -3960,10 +3960,14 @@
       }
     },
     "node_modules/function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "dev": true
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",

src/components/RouteList/index.tsx

@@ -11,6 +11,7 @@ import Web from '@/pages/Web';
 import Swiper from '@/pages/Swiper';
 import Setup from '@/pages/Setup';
 import Rss from '@/pages/Rss';
+import File from "@/pages/File";
 import Stats from '@/pages/Stats';
 import Iterative from '@/pages/Iterative';
 import Page from '@/pages/Route';
@@ -42,6 +43,7 @@ export default () => {
         { path: "/route", title: "路由配置", component: <Page /> },
         { path: "/role", title: "角色管理", component: <Role /> },
         { path: "/rss", title: "订阅中心", component: <Rss /> },
+        { path: "/file", title: "文件管理", component: <File /> },
         { path: "/stats", title: "数据可视化", component: <Stats /> },
         { path: "/iter", title: "项目更新记录", component: <Iterative /> },
     ];

src/components/Sidebar/index.tsx

@@ -185,8 +185,8 @@ const Sidebar = ({ sidebarOpen, setSidebarOpen }: SidebarProps) => {
           name: "订阅中心"
         },
         {
-          to: "/chart",
-          path: "chart",
+          to: "/file",
+          path: "file",
           icon: <BiFolderOpen className='text-[22px]' />,
           name: "文件系统"
         },

src/pages/File/index.tsx

@@ -0,0 +1,15 @@
+import { useEffect } from 'react'
+
+export default () => {
+    useEffect(() => {
+        
+    }, [])
+
+    return (
+        <>
+            <div>
+                <h1>Hello World!</h1>
+            </div>
+        </>
+    )
+}

src/pages/Setup/index.tsx

@@ -52,11 +52,11 @@ const SetupPage = () => {
 
             <Card className='SetupPage mt-2'>
                 <div className="flex">
-                    <ul className="w[20%] mr-5 border-r border-[#eee]">
+                    <ul className="w[20%] mr-5 border-r border-[#eee] divide-y divide-solid divide-[#F6F6F6]">
                         {list.map((item) => (
                             <li
                                 key={item.key}
-                                className={`item p-3 pl-5 mb-2 cursor-pointer transition-colors ${active === item.key ? 'active' : ''}`}
+                                className={`item p-3 pl-5 cursor-pointer transition-colors ${active === item.key ? 'active' : ''}`}
                                 onClick={() => setActive(item.key)}
                             >
                                 <h3 className="flex items-center text-base">

src/pages/Stats/index.tsx

@@ -1,8 +1,6 @@
 import Title from "@/components/Title"
 import VisitorsStatisChat from "./components/VisitorsStatisChat"
 import NewOldVisitors from './components/NewOldVisitors'
-import ChartTwo from "./components/VisitorsStatisChat"
-import ChatCard from "@/components/Chat/ChatCard"
 import CardDataStats from "@/components/CardDataStats"
 
 import { AiOutlineEye, AiOutlineMeh, AiOutlineStock, AiOutlineFieldTime } from "react-icons/ai";

vite.config.js

@@ -28,6 +28,11 @@ export default defineConfig({
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/api/, ''),
       },
+      '/qiniu': {
+        target: 'https://rsf.qiniuapi.com/', // 你的后端服务器地址
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/qiniu/, ''),
+      },
     },
   },
 })