fdb2 1.0.8 → 1.0.9

package/vite.config.ts

@@ -1,424 +1,424 @@
-import { fileURLToPath, URL } from 'node:url';
-import * as http from "node:http";
-import * as url from "node:url";
-import { defineConfig, type Connect, type PluginOption } from 'vite';
-
-import vue from '@vitejs/plugin-vue';
-import vueJsx from '@vitejs/plugin-vue-jsx';
-import CopyPlugin from 'vite-plugin-files-copy';
-import ViteNunjucksPlugin from '@fefeding/vite-nunjucks-plugin';
-import * as path from 'path';
-import * as fs from 'fs';
-
-
-const urlPrefix = process.env.PREFIX ? `/${process.env.PREFIX}` : '';
-console.log(urlPrefix);
-
-const defaultInitState = {
-    "config": {"prefix": urlPrefix, "apiUrl": process.env.API_URL||""},
-    "sso": {"baseUrl":process.env.SSO_URL||'',"appId":process.env.APP_ID||2},
-    "title": process.env.TITLE
-};
-
-const nunjucksPlugin = ViteNunjucksPlugin({
-    variables: {
-        prefix: '', // 构建时，去掉这种prefix前缀，vite会处理依赖关系
-        viteTarget: '',// 构建之后的不加base
-        __DEFAULTINITIAL_STATE__: JSON.stringify(defaultInitState),
-    }
-});
-
-const viewDir = path.resolve(__dirname, './view');
-// https://vitejs.dev/config/
-const config = defineConfig({
-    publicDir: false,
-    
-    plugins: [
-        vue() as PluginOption, 
-        vueJsx() as PluginOption,
-        // @ts-ignore
-        CopyPlugin({
-            patterns: []
-        }),
-        nunjucksPlugin,
-        {
-            name: 'copy-server-files',
-            writeBundle: async () => {
-                const serverSrcDir = path.resolve(__dirname, './server');
-                const serverDistDir = path.resolve(__dirname, './dist/server');
-
-                if (!fs.existsSync(serverDistDir)) {
-                    fs.mkdirSync(serverDistDir, { recursive: true });
-                }
-
-                const copyRecursiveSync = (src: string, dest: string) => {
-                    const exists = fs.existsSync(src);
-                    const stats = exists && fs.statSync(src);
-                    const isDirectory = exists && stats.isDirectory();
-
-                    if (isDirectory) {
-                        if (!fs.existsSync(dest)) {
-                            fs.mkdirSync(dest);
-                        }
-
-                        fs.readdirSync(src).forEach(childItemName => {
-                            copyRecursiveSync(
-                                path.join(src, childItemName),
-                                path.join(dest, childItemName)
-                            );
-                        });
-                    } else {
-                        if (src.endsWith('.ts') || src.endsWith('.js')) {
-                            fs.copyFileSync(src, dest);
-                        }
-                    }
-                };
-
-                copyRecursiveSync(serverSrcDir, serverDistDir);
-                console.log('Server files copied to', serverDistDir);
-            }
-        },
-        {
-            name: 'copy-scripts',
-            writeBundle: async () => {
-                const scriptsSrcDir = path.resolve(__dirname, './scripts');
-                const scriptsDistDir = path.resolve(__dirname, './dist/scripts');
-
-                if (!fs.existsSync(scriptsSrcDir)) {
-                    console.log('Scripts directory does not exist, skipping.');
-                    return;
-                }
-
-                if (!fs.existsSync(scriptsDistDir)) {
-                    fs.mkdirSync(scriptsDistDir, { recursive: true });
-                }
-
-                const copyRecursiveSync = (src: string, dest: string) => {
-                    const exists = fs.existsSync(src);
-                    const stats = exists && fs.statSync(src);
-                    const isDirectory = exists && stats.isDirectory();
-
-                    if (isDirectory) {
-                        if (!fs.existsSync(dest)) {
-                            fs.mkdirSync(dest);
-                        }
-
-                        fs.readdirSync(src).forEach(childItemName => {
-                            copyRecursiveSync(
-                                path.join(src, childItemName),
-                                path.join(dest, childItemName)
-                            );
-                        });
-                    } else {
-                        fs.copyFileSync(src, dest);
-                    }
-                };
-
-                copyRecursiveSync(scriptsSrcDir, scriptsDistDir);
-                console.log('Scripts files copied to', scriptsDistDir);
-            }
-        },
-        {
-            name: 'fix-html-paths',
-            writeBundle: async () => {
-                const publicDir = path.resolve(__dirname, './dist/public');
-                const htmlFiles = ['index.html', 'view/index.html'];
-                
-                htmlFiles.forEach(htmlFile => {
-                    const htmlPath = path.join(publicDir, htmlFile);
-                    
-                    if (fs.existsSync(htmlPath)) {
-                        let html = fs.readFileSync(htmlPath, 'utf-8');
-                        
-                        html = html.replace(/\.\.\/([a-zA-Z0-9_-]+\.(js|css|woff|woff2|png|jpg|jpeg|gif|svg|ico))/g, '/public/$1');
-                        html = html.replace(/(src|href)="([a-zA-Z0-9_-]+\.(js|css))"/g, (match, attr, filename) => {
-                            if (!filename.startsWith('/') && !filename.startsWith('.')) {
-                                return `${attr}="/public/${filename}"`;
-                            }
-                            return match;
-                        });
-                        
-                        fs.writeFileSync(htmlPath, html);
-                        console.log(`Fixed paths in: ${htmlFile}`);
-                    }
-                });
-                
-                // 将 view/index.html 移动到 dist/view/ 目录
-                const viewHtmlPath = path.join(publicDir, 'view/index.html');
-                const destViewDir = path.resolve(__dirname, './dist/view');
-                const destViewHtmlPath = path.join(destViewDir, 'index.html');
-                
-                if (fs.existsSync(viewHtmlPath)) {
-                    if (!fs.existsSync(destViewDir)) {
-                        fs.mkdirSync(destViewDir, { recursive: true });
-                    }
-                    
-                    let html = fs.readFileSync(viewHtmlPath, 'utf-8');
-                    fs.writeFileSync(destViewHtmlPath, html);
-                    fs.unlinkSync(viewHtmlPath);
-                    
-                    // 删除空的 view 目录
-                    const viewDir = path.join(publicDir, 'view');
-                    if (fs.existsSync(viewDir)) {
-                        const files = fs.readdirSync(viewDir);
-                        if (files.length === 0) {
-                            fs.rmdirSync(viewDir);
-                        }
-                    }
-                    
-                    console.log(`Moved view/index.html to dist/view/index.html`);
-                }
-            }
-        },
-        // {
-        //     // 动态加载静态入口文件，用于路径拼接
-        //     name: "inject-assets",
-        //     transformIndexHtml(html, ctx: any) {
-        //         if (ctx.chunk?.fileName && html.includes('__vitejs_load_entry(')) {
-        //             // 移除所有 <script type="module"> 标签（包括 Vite 注入的入口脚本）
-        //             html = html.replace(
-        //                 /<script\s*type="module"\s*[^\>]*\s*src="([^"]+)"\s*>\s*<\/script>/g, (match, src) => {
-        //                         if(!src || /^(http(s)?:)?\/\//i.test(src)) return match;
-        //                         console.log('replace script', src, urlPrefix);
-
-        //                         if(src.startsWith(urlPrefix)) src = src.replace(urlPrefix, '');
-        //                         return "<script>" +
-        //                         ` window.__vitejs_load_entry && window.__vitejs_load_entry('${src}', 'script');` +
-        //                         "</script>";
-        //                 }
-        //             );
-        //             // 移除所有 <link rel="modulepreload"> 标签（预加载脚本）
-        //             html = html.replace(/<link\s*rel="modulepreload"\s*[^\>]*\s*href="([^"]+)"\s*\/?>/g, (match, href) => {
-        //                     if(!href || /^(http(s)?:)?\/\//i.test(href)) return match;
-        //                     console.log('replace modulepreload', href, urlPrefix);
-
-        //                     if(href.startsWith(urlPrefix)) href = href.replace(urlPrefix, '');
-        //                     return "<script>" +
-        //                     ` window.__vitejs_load_entry && window.__vitejs_load_entry('${href}', 'modulepreload');` +
-        //                     "</script>";
-        //                 }
-        //             );
-        //             // 移除所有 <link rel="stylesheet"> 标签（如果不需要 Vite 处理的 CSS）
-        //             html = html.replace(/<link\s*rel="stylesheet"\s*[^\>]*\s*href="([^"]+)"\s*\/?>/g, (match, href) => {
-        //                     if(!href || /^(http(s)?:)?\/\//i.test(href)) return match;
-        //                     console.log('replace stylesheet', href, urlPrefix);
-
-        //                     if(href.startsWith(urlPrefix)) href = href.replace(urlPrefix, '');
-        //                     return "<script>" +
-        //                     ` window.__vitejs_load_entry && window.__vitejs_load_entry('${href}', 'stylesheet');` +
-        //                     "</script>";
-        //                 }
-        //             );
-        //             html = html.replace(/<link\s*rel="icon"\s*[^\>]*\s*href="([^"]+)"\s*\/?>/g, (match, href) => {
-        //                     if(!href || /^(http(s)?:)?\/\//i.test(href)) return match;
-        //                     console.log('replace icon', href, urlPrefix);
-                            
-        //                     if(href.startsWith(urlPrefix)) href = href.replace(urlPrefix, '');
-        //                     return "<script>" +
-        //                     ` window.__vitejs_load_entry && window.__vitejs_load_entry('${href}', 'icon');` +
-        //                     "</script>";
-        //                 }
-        //             );
-        //         }
-        //         return html;
-        //     },
-        // },
-        {
-            name: 'vite-plugin-spa-fallback-with-nunjucks',
-            configureServer(server) {
-                return () => {
-                    server.middlewares.use(async (req: http.IncomingMessage, res: http.ServerResponse, next: Connect.NextFunction) => {
-                        const requestUrl = req.url || '';
-                        console.log('SPA Fallback Middleware:', requestUrl);
-                        // 1. 忽略 API 路由
-                        if (requestUrl.startsWith('/api/')) {
-                            return next();
-                        }
-
-                        // 2. 忽略静态资源请求 (必须让 Vite 自己处理，否则 CSS/JS 404)
-                        // 简单的扩展名检测，或者让 Vite 处理 404 也可以，但显式检测更高效
-                        if (requestUrl !== '/index.html' && /\.[a-zA-Z0-9]{1,4}$/.test(requestUrl) || requestUrl.includes('@vite/client')) {
-                            return next();
-                        }
-
-                        // 3. 回退逻辑：渲染 view/index.html
-                        // 关键：使用 server.transformRequest 确保经过 Nunjucks 和 Vite 处理
-                        try {
-                            const indexPath = path.resolve(viewDir, requestUrl.replace('/', ''));
-                            console.log('Resolved indexPath:', indexPath);
-                            if (!fs.existsSync(indexPath)) {
-                                return next(); // 文件不存在，交给 Vite 报 404
-                            }
-
-                            let html = fs.readFileSync(indexPath, 'utf-8');
-                            html = await nunjucksPlugin.transformIndexHtml(html, { path: indexPath });
-                            res.statusCode = 200;
-                            res.setHeader('Content-Type', 'text/html');
-                            res.end(html);
-                        } catch (e: any) {
-                            console.error("SPA Fallback Transform Error:", e.message);
-                            // 如果转换失败（比如语法错误），交给 Vite 处理
-                            return next(e);
-                        }
-                    });
-                };
-            },
-        },
-        {
-            name: 'server-api',
-            configureServer(server) {
-                server.middlewares.use((req: Connect.IncomingMessage, res: http.ServerResponse, next: Connect.NextFunction) => {
-                    if (req.url?.startsWith('/api/')) {
-                        // 示例：直接执行机器操作（如读取文件）
-                        if (!serverRoute(req, res, next)) {
-                            res.statusCode = 404;
-                            res.end('Not Found');
-                        }
-                    } else {
-                        next();
-                    }
-                });
-            },
-        },
-    ],
-    resolve: {
-        alias: {
-            '@': fileURLToPath(new URL('./src', import.meta.url)),
-            '#': fileURLToPath(new URL('../', import.meta.url)),
-        },
-    },
-    build: {
-        outDir: 'dist/public',
-        assetsInlineLimit: 4096,
-        manifest: true,
-        minify: false,
-        modulePreload: true,
-        rollupOptions: {
-            external: [
-                '../../server/index',
-                './server/index'
-            ],
-            input: getViewInputs(viewDir),
-            output: {
-                entryFileNames: '[name].js',
-                chunkFileNames: '[name].js',
-                assetFileNames: '[name].[ext]',
-                manualChunks(id, mod) {
-                    const ms = [...id.matchAll(/\/node_modules\/([^\/]+)\//ig)];                    
-                    if(ms && ms.length) {
-                        const m = ms[ms.length -1];
-                        if(m && m[1]) {
-                            if(m[1].includes('@vue') || m[1].includes('vue-') || m[1] == 'vue') return 'vue';
-                            if(m[1].includes('element-plus')) return 'element-plus';
-                            if(m[1].includes('lodash')) return 'lodash';
-                            if(m[1].includes('bootstrap')) return 'bootstrap';
-                            if(m[1].includes('echarts')) return 'echarts';
-                        }
-                    }
-                }
-            }
-        },
-    },
-    base: urlPrefix,
-    server: {
-        host: '0.0.0.0',
-        port: +`${process.env.VITE_PORT}` || 9800,
-        cors: true,
-    },
-});
-export default config;
-
-/**
- * 获取指定目录下的所有.html文件，并返回一个对象，该对象将每个文件名（不带.html扩展名）映射到其完整路径。
- * @param dir 指定的目录
- * @returns 返回文件名到路径的映射对象
- */
-function getViewInputs(dir: string): { [key: string]: string } {
-    const entries = fs.readdirSync(dir);
-    const htmlFiles = entries.filter(filename => filename.endsWith('.html'));
-    const inputObj: { [key: string]: string } = {};
-
-    for (const file of htmlFiles) {
-        const name = path.basename(file, '.html'); // 获取文件名，不包括扩展名
-        inputObj[name] = path.resolve(dir, file);
-    }
-
-    // input: {
-    //   index: resolve(__dirname, "./view/index.html"),
-    //   mobile: resolve(__dirname, "./view/mobile.html"),
-    // }
-    return inputObj;
-}
-
-
-
-// 路由处理函数
-async function serverRoute(req: Connect.IncomingMessage, res: http.ServerResponse, next: Connect.NextFunction) {
-  try {
-    console.log('request', req.url);
-    if (!req.url?.startsWith('/api/')) {
-      return next();
-    }
-
-    const parsedUrl = url.parse(req.url, true);
-    const pathname = parsedUrl.pathname || '';
-    const method = req.method?.toLowerCase();
-
-    // 统一处理为POST请求
-    if (method !== 'post') {
-      return sendError(res, 'Only POST method is allowed', 405);
-    }
-
-    const body = await getRequestBody(req);
-
-    // 路由分发
-    if (pathname.startsWith('/api/database/')) {
-        try {
-            // 动态导入 server 模块，避免在 Vite 配置加载时就导入 sqlite3
-            const serverModule = await import('./server/index');
-            const data = await serverModule.handleDatabaseRoutes(pathname, body);
-            sendJSON(res, data);
-        }
-        catch(error) {
-            console.error(error);
-            // @ts-ignore
-            sendError(res, error?.message || '系统异常', 200);
-        }
-    } else {
-      sendError(res, 'API not found', 404);
-    }
-  } catch (error: any) {
-    console.error('Route error:', error);
-    sendError(res, error.message || 'Internal server error', 500);
-  }
-
-  // 响应助手函数
-    function sendJSON(res: http.ServerResponse, data: any, statusCode = 200) {
-        res.writeHead(statusCode, { 'Content-Type': 'application/json' });
-        res.end(JSON.stringify({ ret: 0, msg: 'success', data }));
-    }
-
-    function sendError(res: http.ServerResponse, message: string, statusCode = 500) {
-        res.writeHead(statusCode, { 'Content-Type': 'application/json' });
-        res.end(JSON.stringify({ ret: statusCode, msg: message }));
-    }
-
-    // 获取POST请求体
-    async function getRequestBody(req: http.IncomingMessage): Promise<any> {
-        return new Promise((resolve, reject) => {
-            let body = '';
-            req.on('data', chunk => {
-            body += chunk.toString();
-            });
-            req.on('end', () => {
-            try {
-                resolve(body ? JSON.parse(body) : {});
-            } catch (e) {
-                reject(e);
-            }
-            });
-            req.on('error', reject);
-        });
-    }
-}
-
+import { fileURLToPath, URL } from 'node:url';
+import * as http from "node:http";
+import * as url from "node:url";
+import { defineConfig, type Connect, type PluginOption } from 'vite';
+
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import CopyPlugin from 'vite-plugin-files-copy';
+import ViteNunjucksPlugin from '@fefeding/vite-nunjucks-plugin';
+import * as path from 'path';
+import * as fs from 'fs';
+
+
+const urlPrefix = process.env.PREFIX ? `/${process.env.PREFIX}` : '';
+console.log(urlPrefix);
+
+const defaultInitState = {
+    "config": {"prefix": urlPrefix, "apiUrl": process.env.API_URL||""},
+    "sso": {"baseUrl":process.env.SSO_URL||'',"appId":process.env.APP_ID||2},
+    "title": process.env.TITLE
+};
+
+const nunjucksPlugin = ViteNunjucksPlugin({
+    variables: {
+        prefix: '', // 构建时，去掉这种prefix前缀，vite会处理依赖关系
+        viteTarget: '',// 构建之后的不加base
+        __DEFAULTINITIAL_STATE__: JSON.stringify(defaultInitState),
+    }
+});
+
+const viewDir = path.resolve(__dirname, './view');
+// https://vitejs.dev/config/
+const config = defineConfig({
+    publicDir: false,
+    
+    plugins: [
+        vue() as PluginOption, 
+        vueJsx() as PluginOption,
+        // @ts-ignore
+        CopyPlugin({
+            patterns: []
+        }),
+        nunjucksPlugin,
+        {
+            name: 'copy-server-files',
+            writeBundle: async () => {
+                const serverSrcDir = path.resolve(__dirname, './server');
+                const serverDistDir = path.resolve(__dirname, './dist/server');
+
+                if (!fs.existsSync(serverDistDir)) {
+                    fs.mkdirSync(serverDistDir, { recursive: true });
+                }
+
+                const copyRecursiveSync = (src: string, dest: string) => {
+                    const exists = fs.existsSync(src);
+                    const stats = exists && fs.statSync(src);
+                    const isDirectory = exists && stats.isDirectory();
+
+                    if (isDirectory) {
+                        if (!fs.existsSync(dest)) {
+                            fs.mkdirSync(dest);
+                        }
+
+                        fs.readdirSync(src).forEach(childItemName => {
+                            copyRecursiveSync(
+                                path.join(src, childItemName),
+                                path.join(dest, childItemName)
+                            );
+                        });
+                    } else {
+                        if (src.endsWith('.ts') || src.endsWith('.js')) {
+                            fs.copyFileSync(src, dest);
+                        }
+                    }
+                };
+
+                copyRecursiveSync(serverSrcDir, serverDistDir);
+                console.log('Server files copied to', serverDistDir);
+            }
+        },
+        {
+            name: 'copy-scripts',
+            writeBundle: async () => {
+                const scriptsSrcDir = path.resolve(__dirname, './scripts');
+                const scriptsDistDir = path.resolve(__dirname, './dist/scripts');
+
+                if (!fs.existsSync(scriptsSrcDir)) {
+                    console.log('Scripts directory does not exist, skipping.');
+                    return;
+                }
+
+                if (!fs.existsSync(scriptsDistDir)) {
+                    fs.mkdirSync(scriptsDistDir, { recursive: true });
+                }
+
+                const copyRecursiveSync = (src: string, dest: string) => {
+                    const exists = fs.existsSync(src);
+                    const stats = exists && fs.statSync(src);
+                    const isDirectory = exists && stats.isDirectory();
+
+                    if (isDirectory) {
+                        if (!fs.existsSync(dest)) {
+                            fs.mkdirSync(dest);
+                        }
+
+                        fs.readdirSync(src).forEach(childItemName => {
+                            copyRecursiveSync(
+                                path.join(src, childItemName),
+                                path.join(dest, childItemName)
+                            );
+                        });
+                    } else {
+                        fs.copyFileSync(src, dest);
+                    }
+                };
+
+                copyRecursiveSync(scriptsSrcDir, scriptsDistDir);
+                console.log('Scripts files copied to', scriptsDistDir);
+            }
+        },
+        {
+            name: 'fix-html-paths',
+            writeBundle: async () => {
+                const publicDir = path.resolve(__dirname, './dist/public');
+                const htmlFiles = ['index.html', 'view/index.html'];
+                
+                htmlFiles.forEach(htmlFile => {
+                    const htmlPath = path.join(publicDir, htmlFile);
+                    
+                    if (fs.existsSync(htmlPath)) {
+                        let html = fs.readFileSync(htmlPath, 'utf-8');
+                        
+                        html = html.replace(/\.\.\/([a-zA-Z0-9_-]+\.(js|css|woff|woff2|png|jpg|jpeg|gif|svg|ico))/g, '/public/$1');
+                        html = html.replace(/(src|href)="([a-zA-Z0-9_-]+\.(js|css))"/g, (match, attr, filename) => {
+                            if (!filename.startsWith('/') && !filename.startsWith('.')) {
+                                return `${attr}="/public/${filename}"`;
+                            }
+                            return match;
+                        });
+                        
+                        fs.writeFileSync(htmlPath, html);
+                        console.log(`Fixed paths in: ${htmlFile}`);
+                    }
+                });
+                
+                // 将 view/index.html 移动到 dist/view/ 目录
+                const viewHtmlPath = path.join(publicDir, 'view/index.html');
+                const destViewDir = path.resolve(__dirname, './dist/view');
+                const destViewHtmlPath = path.join(destViewDir, 'index.html');
+                
+                if (fs.existsSync(viewHtmlPath)) {
+                    if (!fs.existsSync(destViewDir)) {
+                        fs.mkdirSync(destViewDir, { recursive: true });
+                    }
+                    
+                    let html = fs.readFileSync(viewHtmlPath, 'utf-8');
+                    fs.writeFileSync(destViewHtmlPath, html);
+                    fs.unlinkSync(viewHtmlPath);
+                    
+                    // 删除空的 view 目录
+                    const viewDir = path.join(publicDir, 'view');
+                    if (fs.existsSync(viewDir)) {
+                        const files = fs.readdirSync(viewDir);
+                        if (files.length === 0) {
+                            fs.rmdirSync(viewDir);
+                        }
+                    }
+                    
+                    console.log(`Moved view/index.html to dist/view/index.html`);
+                }
+            }
+        },
+        // {
+        //     // 动态加载静态入口文件，用于路径拼接
+        //     name: "inject-assets",
+        //     transformIndexHtml(html, ctx: any) {
+        //         if (ctx.chunk?.fileName && html.includes('__vitejs_load_entry(')) {
+        //             // 移除所有 <script type="module"> 标签（包括 Vite 注入的入口脚本）
+        //             html = html.replace(
+        //                 /<script\s*type="module"\s*[^\>]*\s*src="([^"]+)"\s*>\s*<\/script>/g, (match, src) => {
+        //                         if(!src || /^(http(s)?:)?\/\//i.test(src)) return match;
+        //                         console.log('replace script', src, urlPrefix);
+
+        //                         if(src.startsWith(urlPrefix)) src = src.replace(urlPrefix, '');
+        //                         return "<script>" +
+        //                         ` window.__vitejs_load_entry && window.__vitejs_load_entry('${src}', 'script');` +
+        //                         "</script>";
+        //                 }
+        //             );
+        //             // 移除所有 <link rel="modulepreload"> 标签（预加载脚本）
+        //             html = html.replace(/<link\s*rel="modulepreload"\s*[^\>]*\s*href="([^"]+)"\s*\/?>/g, (match, href) => {
+        //                     if(!href || /^(http(s)?:)?\/\//i.test(href)) return match;
+        //                     console.log('replace modulepreload', href, urlPrefix);
+
+        //                     if(href.startsWith(urlPrefix)) href = href.replace(urlPrefix, '');
+        //                     return "<script>" +
+        //                     ` window.__vitejs_load_entry && window.__vitejs_load_entry('${href}', 'modulepreload');` +
+        //                     "</script>";
+        //                 }
+        //             );
+        //             // 移除所有 <link rel="stylesheet"> 标签（如果不需要 Vite 处理的 CSS）
+        //             html = html.replace(/<link\s*rel="stylesheet"\s*[^\>]*\s*href="([^"]+)"\s*\/?>/g, (match, href) => {
+        //                     if(!href || /^(http(s)?:)?\/\//i.test(href)) return match;
+        //                     console.log('replace stylesheet', href, urlPrefix);
+
+        //                     if(href.startsWith(urlPrefix)) href = href.replace(urlPrefix, '');
+        //                     return "<script>" +
+        //                     ` window.__vitejs_load_entry && window.__vitejs_load_entry('${href}', 'stylesheet');` +
+        //                     "</script>";
+        //                 }
+        //             );
+        //             html = html.replace(/<link\s*rel="icon"\s*[^\>]*\s*href="([^"]+)"\s*\/?>/g, (match, href) => {
+        //                     if(!href || /^(http(s)?:)?\/\//i.test(href)) return match;
+        //                     console.log('replace icon', href, urlPrefix);
+                            
+        //                     if(href.startsWith(urlPrefix)) href = href.replace(urlPrefix, '');
+        //                     return "<script>" +
+        //                     ` window.__vitejs_load_entry && window.__vitejs_load_entry('${href}', 'icon');` +
+        //                     "</script>";
+        //                 }
+        //             );
+        //         }
+        //         return html;
+        //     },
+        // },
+        {
+            name: 'vite-plugin-spa-fallback-with-nunjucks',
+            configureServer(server) {
+                return () => {
+                    server.middlewares.use(async (req: http.IncomingMessage, res: http.ServerResponse, next: Connect.NextFunction) => {
+                        const requestUrl = req.url || '';
+                        console.log('SPA Fallback Middleware:', requestUrl);
+                        // 1. 忽略 API 路由
+                        if (requestUrl.startsWith('/api/')) {
+                            return next();
+                        }
+
+                        // 2. 忽略静态资源请求 (必须让 Vite 自己处理，否则 CSS/JS 404)
+                        // 简单的扩展名检测，或者让 Vite 处理 404 也可以，但显式检测更高效
+                        if (requestUrl !== '/index.html' && /\.[a-zA-Z0-9]{1,4}$/.test(requestUrl) || requestUrl.includes('@vite/client')) {
+                            return next();
+                        }
+
+                        // 3. 回退逻辑：渲染 view/index.html
+                        // 关键：使用 server.transformRequest 确保经过 Nunjucks 和 Vite 处理
+                        try {
+                            const indexPath = path.resolve(viewDir, requestUrl.replace('/', ''));
+                            console.log('Resolved indexPath:', indexPath);
+                            if (!fs.existsSync(indexPath)) {
+                                return next(); // 文件不存在，交给 Vite 报 404
+                            }
+
+                            let html = fs.readFileSync(indexPath, 'utf-8');
+                            html = await nunjucksPlugin.transformIndexHtml(html, { path: indexPath });
+                            res.statusCode = 200;
+                            res.setHeader('Content-Type', 'text/html');
+                            res.end(html);
+                        } catch (e: any) {
+                            console.error("SPA Fallback Transform Error:", e.message);
+                            // 如果转换失败（比如语法错误），交给 Vite 处理
+                            return next(e);
+                        }
+                    });
+                };
+            },
+        },
+        {
+            name: 'server-api',
+            configureServer(server) {
+                server.middlewares.use((req: Connect.IncomingMessage, res: http.ServerResponse, next: Connect.NextFunction) => {
+                    if (req.url?.startsWith('/api/')) {
+                        // 示例：直接执行机器操作（如读取文件）
+                        if (!serverRoute(req, res, next)) {
+                            res.statusCode = 404;
+                            res.end('Not Found');
+                        }
+                    } else {
+                        next();
+                    }
+                });
+            },
+        },
+    ],
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url)),
+            '#': fileURLToPath(new URL('../', import.meta.url)),
+        },
+    },
+    build: {
+        outDir: 'dist/public',
+        assetsInlineLimit: 4096,
+        manifest: true,
+        minify: false,
+        modulePreload: true,
+        rollupOptions: {
+            external: [
+                '../../server/index',
+                './server/index'
+            ],
+            input: getViewInputs(viewDir),
+            output: {
+                entryFileNames: '[name].js',
+                chunkFileNames: '[name].js',
+                assetFileNames: '[name].[ext]',
+                manualChunks(id, mod) {
+                    const ms = [...id.matchAll(/\/node_modules\/([^\/]+)\//ig)];                    
+                    if(ms && ms.length) {
+                        const m = ms[ms.length -1];
+                        if(m && m[1]) {
+                            if(m[1].includes('@vue') || m[1].includes('vue-') || m[1] == 'vue') return 'vue';
+                            if(m[1].includes('element-plus')) return 'element-plus';
+                            if(m[1].includes('lodash')) return 'lodash';
+                            if(m[1].includes('bootstrap')) return 'bootstrap';
+                            if(m[1].includes('echarts')) return 'echarts';
+                        }
+                    }
+                }
+            }
+        },
+    },
+    base: urlPrefix,
+    server: {
+        host: '0.0.0.0',
+        port: +`${process.env.VITE_PORT}` || 9800,
+        cors: true,
+    },
+});
+export default config;
+
+/**
+ * 获取指定目录下的所有.html文件，并返回一个对象，该对象将每个文件名（不带.html扩展名）映射到其完整路径。
+ * @param dir 指定的目录
+ * @returns 返回文件名到路径的映射对象
+ */
+function getViewInputs(dir: string): { [key: string]: string } {
+    const entries = fs.readdirSync(dir);
+    const htmlFiles = entries.filter(filename => filename.endsWith('.html'));
+    const inputObj: { [key: string]: string } = {};
+
+    for (const file of htmlFiles) {
+        const name = path.basename(file, '.html'); // 获取文件名，不包括扩展名
+        inputObj[name] = path.resolve(dir, file);
+    }
+
+    // input: {
+    //   index: resolve(__dirname, "./view/index.html"),
+    //   mobile: resolve(__dirname, "./view/mobile.html"),
+    // }
+    return inputObj;
+}
+
+
+
+// 路由处理函数
+async function serverRoute(req: Connect.IncomingMessage, res: http.ServerResponse, next: Connect.NextFunction) {
+  try {
+    console.log('request', req.url);
+    if (!req.url?.startsWith('/api/')) {
+      return next();
+    }
+
+    const parsedUrl = url.parse(req.url, true);
+    const pathname = parsedUrl.pathname || '';
+    const method = req.method?.toLowerCase();
+
+    // 统一处理为POST请求
+    if (method !== 'post') {
+      return sendError(res, 'Only POST method is allowed', 405);
+    }
+
+    const body = await getRequestBody(req);
+
+    // 路由分发
+    if (pathname.startsWith('/api/database/')) {
+        try {
+            // 动态导入 server 模块，避免在 Vite 配置加载时就导入 sqlite3
+            const serverModule = await import('./server/index');
+            const data = await serverModule.handleDatabaseRoutes(pathname, body);
+            sendJSON(res, data);
+        }
+        catch(error) {
+            console.error(error);
+            // @ts-ignore
+            sendError(res, error?.message || '系统异常', 200);
+        }
+    } else {
+      sendError(res, 'API not found', 404);
+    }
+  } catch (error: any) {
+    console.error('Route error:', error);
+    sendError(res, error.message || 'Internal server error', 500);
+  }
+
+  // 响应助手函数
+    function sendJSON(res: http.ServerResponse, data: any, statusCode = 200) {
+        res.writeHead(statusCode, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({ ret: 0, msg: 'success', data }));
+    }
+
+    function sendError(res: http.ServerResponse, message: string, statusCode = 500) {
+        res.writeHead(statusCode, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({ ret: statusCode, msg: message }));
+    }
+
+    // 获取POST请求体
+    async function getRequestBody(req: http.IncomingMessage): Promise<any> {
+        return new Promise((resolve, reject) => {
+            let body = '';
+            req.on('data', chunk => {
+            body += chunk.toString();
+            });
+            req.on('end', () => {
+            try {
+                resolve(body ? JSON.parse(body) : {});
+            } catch (e) {
+                reject(e);
+            }
+            });
+            req.on('error', reject);
+        });
+    }
+}
+