oipage 1.7.0-alpha.4 → 1.7.0-alpha.6

package/CHANGELOG

@@ -1,149 +1,160 @@
-v1.0.0:
-    date:2025-02-13
-    changes:
-      - 原v0.x的功能将独立一个分支继续维护：https://github.com/oi-contrib/OIPage/blob/v0.x/CHANGELOG
-        （v0.x保持对零碎方法这种形式的支持和维护，此版本开始将作为一个框架或一个系统的工具箱以提供更高效的使用方式，这是一次彻底的非兼容改造）
-      - 初始化版本（v1.x）
-        1、API功能（浏览器）
-          * animation 动画
-          * getStyle 获取节点样式
-          * setStyle 设置节点样式
-          * onReady 加载完毕执行
-          * throttle 节流函数
-        2、API功能（Node.js）
-          * animation 动画
-          * deeplog 进度打印
-          * linglog 单行打印
-          * throttle 节流函数
-        3、命令（oipage-cli）
-          * serve 开发服务器
-v1.1.0:
-    date:2025-02-18
-    changes:
-      - 修复bug
-        1、通过路径类型判断以修复开发服务器无法设置绝对路径问题
-      - 优化改造
-        1、使用流读取以使开发服务器支持大文件下载
-          （同时添加下载进度可查）
-      - 新增功能
-        1、API功能（Node.js）
-          * disk 磁盘相关操作
-            （包括：deleteDisk、copyDisk）
-          * logform 表单输入
-        2、命令（oipage-cli）
-          * dist 磁盘操作
-          * run 运行多命令
-v1.2.0:
-    date:2025-02-25
-    changes:
-      - 优化改造
-        1、优化npm包目录结构等
-      - 新增功能
-        1、开发服务器
-          * 添加配置文件
-            （oipage-cli serve --config ./oipage.config.js）
-          * 新增对node_modules包引入支持
-v1.2.1:
-    date:2025-03-06
-    changes:
-      - 修复bug
-        1、开发服务器
-          * 修复路径不存在时未正确同步修改浏览器地址问题
-v1.3.0:（已废弃，请用1.3.1代替）
-    date:2025-05-18
-    changes:
-      - 修复bug
-        1、开发服务器
-          * 修复服务器根路径判断错误导致node_modules包查找错误问题
-        2、修复animation动画types类型定义错误问题
-      - 新增功能
-        1、API功能（浏览器）
-          * reader 文本分析读取器
-          * performChunk 空闲执行分片函数
-          * strToJson JSON字符串解析
-        2、API功能（Node.js）
-          * reader 文本分析读取器
-          * strToJson JSON字符串解析
-        3、开发服务器
-          * 新增 devServer.intercept 请求拦截
-          * 新增对 if-modified-since和last-modified 之304协商缓存的支持
-v1.3.1:
-    date:2025-05-23
-    changes:
-      - 修复bug
-        1、开发服务器
-          * 由于是否入口判断导致import语句未正确解析
-          * 修复 Last-Modified 格式不规范导致的运行报错
-v1.4.0:
-    date:2025-09-02
-    changes:
-      - 修复bug
-        1、修复logform运行报错
-      - 新增功能
-        1、API功能（浏览器）
-          * dateFormat 日期格式化
-          * numberFormat 数字格式化
-          * XHRIntercept XHR拦截
-        2、API功能（Node.js）
-          * dateFormat 日期格式化
-          * numberFormat 数字格式化
-        3、开发服务器
-          * 新增 serve.d.ts 以支持作为API在TypeScript中环境
-            （仅对内使用，未正式对外暴露API相关文档）
-          * 添加304是否启用开关
-          * 应用市场（website内置网站）
-v1.4.1:
-    date:2025-09-02
-    changes:
-        - 修复bug
-          1、修复开发服务器大文件丢失文件大小问题
-v1.5.0:
-    date:2025-11-13
-    changes:
-        - 修复bug
-          1、修复404网站在手机浏览器显示高问题
-          2、服务器响应类型由 Content-type 改为 Content-Type
-          3、修复dateFormat第二个参数无法缺省报错
-          4、修复numberFormat不支持负数问题
-        - 优化改造
-          1、优化run命令日志打印
-        - 新增功能
-          1、开发服务器 / 应用市场
-            * 群聊天
-            * 图片编辑器
-            * 图片转PDF
-          2、API功能（Node.js）
-            * disk 磁盘相关操作
-            （包括：moveDisk、listDisk）
-v1.6.0:
-    date:2025-12-14
-    changes:
-        - 修复bug
-          1、修复logform在run下无法正常使用问题
-            （关联issue： https://github.com/oi-contrib/OIPage/issues/4 ）
-          2、修复服务器错误修改XHR等请求数据问题
-        - 优化改造
-          1、命令行帮助打印更可读
-        - 新增功能
-          1、命令（oipage-cli）
-            * disk 
-                --link 创建磁盘链接
-                --delempty 删除空文件夹 
-            * network 网络相关
-            * run 支持动态参数
-              （关联issue： https://github.com/oi-contrib/OIPage/issues/5 ）
-          2、API功能（Node.js）
-            * disk 磁盘相关操作
-            （包括：linkDisk）
-v1.7.0:
-    date:
-    changes:
-        - 优化改造
-          1、types定义模块，方便使用时代码提示
-          2、使用requestAnimationFrame改造animation
-        - 修复bug
-          1、修复特殊情况下 “应用市场” 依赖查找错误问题
-        - 新增功能
-          1、API功能（Node.js）
-            * remote HTTP请求
-            （包括：get、post）
+v1.0.0:
+    date:2025-02-13
+    changes:
+      - 原v0.x的功能将独立一个分支继续维护：https://github.com/oi-contrib/OIPage/blob/v0.x/CHANGELOG
+        （v0.x保持对零碎方法这种形式的支持和维护，此版本开始将作为一个框架或一个系统的工具箱以提供更高效的使用方式，这是一次彻底的非兼容改造）
+      - 初始化版本（v1.x）
+        1、API功能（浏览器）
+          * animation 动画
+          * getStyle 获取节点样式
+          * setStyle 设置节点样式
+          * onReady 加载完毕执行
+          * throttle 节流函数
+        2、API功能（Node.js）
+          * animation 动画
+          * deeplog 进度打印
+          * linglog 单行打印
+          * throttle 节流函数
+        3、命令（oipage-cli）
+          * serve 开发服务器
+v1.1.0:
+    date:2025-02-18
+    changes:
+      - 修复bug
+        1、通过路径类型判断以修复开发服务器无法设置绝对路径问题
+      - 优化改造
+        1、使用流读取以使开发服务器支持大文件下载
+          （同时添加下载进度可查）
+      - 新增功能
+        1、API功能（Node.js）
+          * disk 磁盘相关操作
+            （包括：deleteDisk、copyDisk）
+          * logform 表单输入
+        2、命令（oipage-cli）
+          * dist 磁盘操作
+          * run 运行多命令
+v1.2.0:
+    date:2025-02-25
+    changes:
+      - 优化改造
+        1、优化npm包目录结构等
+      - 新增功能
+        1、开发服务器
+          * 添加配置文件
+            （oipage-cli serve --config ./oipage.config.js）
+          * 新增对node_modules包引入支持
+v1.2.1:
+    date:2025-03-06
+    changes:
+      - 修复bug
+        1、开发服务器
+          * 修复路径不存在时未正确同步修改浏览器地址问题
+v1.3.0:（已废弃，请用1.3.1代替）
+    date:2025-05-18
+    changes:
+      - 修复bug
+        1、开发服务器
+          * 修复服务器根路径判断错误导致node_modules包查找错误问题
+        2、修复animation动画types类型定义错误问题
+      - 新增功能
+        1、API功能（浏览器）
+          * reader 文本分析读取器
+          * performChunk 空闲执行分片函数
+          * strToJson JSON字符串解析
+        2、API功能（Node.js）
+          * reader 文本分析读取器
+          * strToJson JSON字符串解析
+        3、开发服务器
+          * 新增 devServer.intercept 请求拦截
+          * 新增对 if-modified-since和last-modified 之304协商缓存的支持
+v1.3.1:
+    date:2025-05-23
+    changes:
+      - 修复bug
+        1、开发服务器
+          * 由于是否入口判断导致import语句未正确解析
+          * 修复 Last-Modified 格式不规范导致的运行报错
+v1.4.0:
+    date:2025-09-02
+    changes:
+      - 修复bug
+        1、修复logform运行报错
+      - 新增功能
+        1、API功能（浏览器）
+          * dateFormat 日期格式化
+          * numberFormat 数字格式化
+          * XHRIntercept XHR拦截
+        2、API功能（Node.js）
+          * dateFormat 日期格式化
+          * numberFormat 数字格式化
+        3、开发服务器
+          * 新增 serve.d.ts 以支持作为API在TypeScript中环境
+            （仅对内使用，未正式对外暴露API相关文档）
+          * 添加304是否启用开关
+          * 应用市场（website内置网站）
+v1.4.1:
+    date:2025-09-02
+    changes:
+        - 修复bug
+          1、修复开发服务器大文件丢失文件大小问题
+v1.5.0:
+    date:2025-11-13
+    changes:
+        - 修复bug
+          1、修复404网站在手机浏览器显示高问题
+          2、服务器响应类型由 Content-type 改为 Content-Type
+          3、修复dateFormat第二个参数无法缺省报错
+          4、修复numberFormat不支持负数问题
+        - 优化改造
+          1、优化run命令日志打印
+        - 新增功能
+          1、开发服务器 / 应用市场
+            * 群聊天
+            * 图片编辑器
+            * 图片转PDF
+          2、API功能（Node.js）
+            * disk 磁盘相关操作
+            （包括：moveDisk、listDisk）
+v1.6.0:
+（此版本已废弃，请用v1.6.1+代替）
+    date:2025-12-14
+    changes:
+        - 修复bug
+          1、修复logform在run下无法正常使用问题
+            （关联issue： https://github.com/oi-contrib/OIPage/issues/4 ）
+          2、修复服务器错误修改XHR等请求数据问题
+        - 优化改造
+          1、命令行帮助打印更可读
+        - 新增功能
+          1、命令（oipage-cli）
+            * disk 
+                --link 创建磁盘链接
+                --delempty 删除空文件夹 
+            * network 网络相关
+            * run 支持动态参数
+              （关联issue： https://github.com/oi-contrib/OIPage/issues/5 ）
+          2、API功能（Node.js）
+            * disk 磁盘相关操作
+            （包括：linkDisk） 
+v1.6.1:
+    date:2025-12-29
+    changes:
+        - 修复bug
+          1、修复run命令在Windows中运行错误
+            （关联issue： https://github.com/oi-contrib/OIPage/issues/8 ）
+v1.7.0:
+    date:
+    changes:
+        - 优化改造
+          1、types定义模块，方便使用时代码提示
+          2、使用requestAnimationFrame改造animation
+        - 修复bug
+          1、修复特殊情况下 “应用市场” 依赖查找错误问题
+          2、修复开发服务器错误缓存问题
+          3、修改types错误定义（intercept）
+        - 新增功能
+          1、API功能（Node.js）
+            * remote HTTP请求
+            （包括：get、post）
+          2、开发服务器
+            * 转发功能 proxy

package/bin/help.js

@@ -16,6 +16,8 @@ OIPage@v${packageValue.version}
     --cache [true|false]
         是否启用304（默认true表示开启）
     （eg: oipage-cli serve -p 20000 ）
+    --proxy [转发前缀] [转发地址]
+    （注意：转发前缀会被替换为空，相当于设置了 pathRewrite: { '^/demo': '' }）
 
 【2】oipage-cli disk 磁盘操作
     --force|-f 

package/bin/proxy.js

@@ -0,0 +1,79 @@
+const https = require('https');
+const http = require('http');
+
+module.exports = function (args, proxy) {
+
+    let intercept = [];
+    for (let key in proxy) {
+        intercept.push({
+            test: new RegExp(key),
+            handler(request, response) {
+                let proxyItem = proxy[key];
+
+                let throwError = function (err) {
+                    response.writeHead(500, {
+                        'Content-Type': "text/plain;charset=utf-8",
+                        'Access-Control-Allow-Origin': '*',
+                        'Server': 'Powered by ' + args.name + '\'s proxy'
+                    });
+                    response.write(err);
+                    response.end();
+                };
+
+                let headers = request.headers;
+                let url = decodeURIComponent(request.url);
+
+                if (proxyItem.pathRewrite) {
+                    for (pathRewrite_key in proxyItem.pathRewrite) {
+                        url = url.replace(new RegExp(pathRewrite_key), proxyItem.pathRewrite[pathRewrite_key]);
+                    }
+                }
+
+                let fullUrl = proxy[key].target + url;
+
+                let handler = /^https/.test(url) ? https : http;
+
+                let execArray = /https*:\/\/([^\/]+)(.+)?/.exec(fullUrl);
+                let hostport = execArray[1].split(":");
+
+                // 创建与目标服务器的连接
+                const req = handler.request({
+                    hostname: hostport[0],
+                    port: hostport[1] || 80,
+                    path: execArray[2] || "/",
+                    method: request.method,
+                    headers
+                }, (res) => {
+
+                    let resHeaders = {
+                        ...res.headers
+                    }
+
+                    // 解决跨域问题
+                    if (resHeaders['Access-Control-Allow-Origin'] !== '*' && resHeaders['access-control-allow-origin'] !== '*') resHeaders['Access-Control-Allow-Origin'] = '*'
+
+                    // 标记响应服务器
+                    delete resHeaders["Server"];
+                    delete resHeaders["server"];
+                    resHeaders["Server"] = 'Powered by ' + args.name + '\'s proxy';
+
+                    // 设置响应头
+                    response.writeHead(res.statusCode, resHeaders);
+                    // 流式传输响应体
+                    res.pipe(response);
+                });
+
+                // 错误处理
+                req.on('error', (e) => {
+                    throwError(e.message);
+                });
+
+                // 将原始请求体传递给目标服务器
+                request.pipe(req);
+
+            }
+        });
+    }
+
+    return intercept;
+};

package/bin/run

@@ -23,6 +23,7 @@ if (process.argv[2] === "serve") {
             port: 8080,
             baseUrl: "./",
             cache: true,
+            proxy: {},
             intercept: []
         },
         module: {
@@ -30,6 +31,13 @@ if (process.argv[2] === "serve") {
         }
     };
 
+    if (argvObj["--proxy"] && argvObj["--proxy"].length === 2) {
+        config.devServer.proxy[argvObj["--proxy"][0]] = {
+            target: argvObj["--proxy"][1],
+            pathRewrite: { ['^' + argvObj["--proxy"][0]]: '' }
+        };
+    }
+
     // 如果设置了配置文件
     if (argvObj["--config"]) {
         let configPath = join(process.cwd(), argvObj["--config"][0] || "./oipage.config.js");
@@ -118,4 +126,4 @@ else if (process.argv[2] === "network") {
 // 默认，帮助
 else {
     require("./help.js")();
-}
+}

package/bin/serve.d.ts

@@ -15,6 +15,17 @@ interface DevServerType {
      * 是否开启304缓存，默认开启
      */
     cache: boolean
+
+    intercept?: Array<InterceptType>
+
+    proxy?: {
+        [key: string]: {
+            target: string
+            pathRewrite?: {
+                [key: string]: string
+            }
+        }
+    }
 }
 
 interface InterceptType {
@@ -43,8 +54,6 @@ interface ConfigType {
      */
     devServer: DevServerType
 
-    intercept?: Array<InterceptType>
-
     module?: {
         rules: Array<{
             test: RegExp

package/bin/serve.js

@@ -1,159 +1,180 @@
-const { join } = require("path");
-const { existsSync, lstatSync, statSync, createReadStream } = require("fs");
-const { createServer } = require('http');
-const packageValue = require("../package.json");
-const network = require("./tools/network.js");
-const mineTypes = require("./data/mineTypes.json");
-const resolve404 = require("./tools/resolve404.js");
-const resolveImportFactory = require("./tools/resolveImport.js");
-const { doIntercept } = require("./intercept.js");
-
-const websiteIntercept = require("./website-plugins/intercept/index.js");
-const websiteLoader = require("./website-plugins/loader/index.js");
-
-const WebSocketClass = require("./WebSocket/index.js");
-
-// 开发服务器
-module.exports = function (config) {
-    let startTime = new Date().valueOf();
-
-    const cache = "cache" in config.devServer ? config.devServer.cache : true;
-    const port = +config.devServer.port; // 端口号
-    const basePath = (/^\./.test(config.devServer.baseUrl)) ? join(process.cwd(), config.devServer.baseUrl) : config.devServer.baseUrl; // 服务器根路径
-
-    const name = (config.name || "OIPage") + "-http-server";
-    const version = config.version || packageValue.version;
-
-    const wsHandler = WebSocketClass(port + 1, (config.name || "OIPage") + "-ws-server", version);
-
-    let Server = createServer(function (request, response) {
-        let headers = request.headers;
-        let url = decodeURIComponent(request.url);
-
-        let urlArray = url.split("?");
-        url = urlArray[0];
-
-        // 请求的文件路径
-        let filePath;
-
-        let isWebsite = /^\/_oipage_website_\//.test(url);
-        if (isWebsite) {
-            filePath = join(__dirname, "./website-htmls/", url.replace(/^\/_oipage_website_\//, ""));
-        } else {
-            filePath = join(basePath, url == "/" ? "index.html" : url.replace(/^\//, ""));
-        }
-
-        // 请求拦截
-        if (doIntercept(url.replace(/^\/_oipage_website_/, "").replace(/^\/@modules\//, ""), isWebsite ? websiteIntercept : config.devServer.intercept, request, response, wsHandler)) {
-            console.log("<i> \x1b[1m\x1b[32m[" + name + "] intercept: " + url + '\x1b[0m ' + new Date().toLocaleString());
-        }
-
-        // 如果存在且是文件
-        else if (existsSync(filePath) && !lstatSync(filePath).isDirectory()) {
-
-            // 判断是否是请求而无需进一步解析
-            // 2025年12月5日 于南京
-            let isXHR = headers["sec-fetch-dest"] === "empty";
-
-            let dotName = /\./.test(filePath) ? filePath.match(/\.([^.]+)$/)[1] : "";
-            let fileType = mineTypes[dotName]; // 文件类型
-            let fileInfo = statSync(filePath);
-
-            let fileModifiedTime = new Date(fileInfo.mtime).toGMTString();
-
-            let responseHeader = {
-                'Content-Type': (fileType || "text/plain") + ";charset=utf-8",
-                'Access-Control-Allow-Origin': '*',
-                'Server': 'Powered by ' + name + '@' + version,
-                'Cache-Control': 'no-cache',
-                // 'Content-Length': fileInfo.size, // 会导致拦截修改的文本内容不对
-                'Last-Modified': fileModifiedTime
-            };
-
-            if (cache && headers["if-modified-since"]) {
-                let ifModifiedSince = new Date(headers["if-modified-since"]).valueOf()
-                let lastModified = new Date(fileModifiedTime).valueOf()
-                if (lastModified <= ifModifiedSince) {
-                    response.writeHead('304', responseHeader);
-                    response.end();
-                    console.log("<i> \x1b[1m\x1b[32m[" + name + "] Cache File: " + url + "\x1b[0m " + new Date().toLocaleString() + "\x1b[33m\x1b[1m 304" + (isXHR ? " 请求" : "") + "\x1b[0m");
-                    return;
-                }
-            }
-
-            let sendType = "";
-            let entry = headers.accept !== "*/*";
-
-            // 如果文件小于10M，认为不大，直接读取
-            if (fileInfo.size < 10 * 1024 * 1024) {
-                let { source, resolveImport } = resolveImportFactory(basePath, filePath, entry, isWebsite ? websiteIntercept : config.devServer.intercept, urlArray[1] === "download", isWebsite)
-
-                // 只处理非下载文件
-                // 过大的也不进行处理
-                // （对website无效）
-                if (urlArray[1] !== "download") {
-                    let loaders = isWebsite ? websiteLoader : config.module;
-
-                    for (let i = 0; i < loaders.rules.length; i++) {
-                        if (loaders.rules[i].test.test(filePath)) {
-                            source = loaders.rules[i].use.call({
-                                root: basePath, // 服务器根路径
-                                path: filePath.replace(basePath, ""), // 文件相对路径
-                                entry, // 是否是浏览器地址栏直接访问
-                                setFileType(_fileType) { // 设置文件类型
-                                    fileType = _fileType;
-                                    responseHeader['Content-Type'] = _fileType + ";charset=utf-8";
-                                }
-                            }, source);
-                            break;
-                        }
-                    }
-
-                }
-
-                sendType = "Read";
-                response.writeHead('200', responseHeader);
-                response.write(isXHR ? source : resolveImport(source, fileType !== "application/javascript"));
-                response.end();
-            }
-
-            // 对于大文件，使用流读取
-            else {
-                sendType = "Stream";
-
-                responseHeader['Content-Length'] = fileInfo.size
-
-                response.writeHead('200', responseHeader);
-                createReadStream(filePath).pipe(response);
-            }
-
-            console.log("<i> \x1b[1m\x1b[32m[" + name + "] " + sendType + " File: " + url + '\x1b[0m ' + new Date().toLocaleString() + "\x1b[33m\x1b[1m" + (isXHR ? " 请求" : "") + "\x1b[0m");
-        }
-
-        // 否则就是404
-        else {
-            response.writeHead(404, {
-                'Content-Type': "text/html;charset=utf-8",
-                'Access-Control-Allow-Origin': '*',
-                'Server': 'Powered by ' + name + '@' + version
-            });
-            response.write(resolve404(filePath, url));
-            response.end();
-        }
-
-    });
-
-    Server.listen(port);
-
-    // 获取网络信息
-    let networkValue = network();
-
-    // 打印成功提示
-    console.log('<i> \x1b[1m\x1b[32m[' + name + '] Project is running at:\x1b[0m');
-    console.log('<i> \x1b[1m\x1b[32m[' + name + '] Loopback: \x1b[36mhttp://localhost:' + port + '/\x1b[0m');
-    for (let ipv4Item of networkValue.IPv4) console.log('<i> \x1b[1m\x1b[32m[' + name + '] On Your Network (IPv4):\x1b[36m http://' + ipv4Item.address + ':' + port + '/\x1b[0m');
-    for (let ipv6Item of networkValue.IPv6) console.log('<i> \x1b[1m\x1b[32m[' + name + '] On Your Network (IPv6): \x1b[36mhttp://[' + ipv6Item.address + ']:' + port + '/\x1b[0m');
-    console.log('<i> \x1b[1m\x1b[32m[' + name + '] Content not from ' + (config.name || "OIPage") + ' is served from \x1b[36m"' + basePath + '" \x1b[0mdirectory');
-    if (!cache) console.log('<i> \x1b[1m\x1b[32m[' + name + '] Cancel 304 Cache!\x1b[0m');
-    console.log('\n' + (config.name || "OIPage") + ' ' + version + ' compiled \x1b[1m\x1b[32msuccessfully\x1b[0m in ' + (new Date().valueOf() - startTime) + ' ms\n')
+const { join } = require("path");
+const { existsSync, lstatSync, statSync, createReadStream } = require("fs");
+const { createServer } = require('http');
+const packageValue = require("../package.json");
+const network = require("./tools/network.js");
+const mineTypes = require("./data/mineTypes.json");
+const resolve404 = require("./tools/resolve404.js");
+const resolveImportFactory = require("./tools/resolveImport.js");
+const { doIntercept } = require("./intercept.js");
+const proxy = require("./proxy.js");
+
+const websiteIntercept = require("./website-plugins/intercept/index.js");
+const websiteLoader = require("./website-plugins/loader/index.js");
+
+const WebSocketClass = require("./WebSocket/index.js");
+
+// 开发服务器
+module.exports = function (config) {
+    let startTime = new Date().valueOf();
+
+    const cache = "cache" in config.devServer ? config.devServer.cache : true;
+    const port = +config.devServer.port; // 端口号
+    const basePath = (/^\./.test(config.devServer.baseUrl)) ? join(process.cwd(), config.devServer.baseUrl) : config.devServer.baseUrl; // 服务器根路径
+
+    const name = (config.name || "OIPage") + "-http-server";
+    const version = config.version || packageValue.version;
+
+    const wsHandler = WebSocketClass(port + 1, (config.name || "OIPage") + "-ws-server", version);
+
+    let Server = createServer(function (request, response) {
+        let headers = request.headers;
+        let url = decodeURIComponent(request.url);
+
+        let urlArray = url.split("?");
+        url = urlArray[0];
+
+        // 请求的文件路径
+        let filePath;
+
+        let isWebsite = /^\/_oipage_website_\//.test(url);
+        if (isWebsite) {
+            filePath = join(__dirname, "./website-htmls/", url.replace(/^\/_oipage_website_\//, ""));
+        } else {
+            filePath = join(basePath, url == "/" ? "index.html" : url.replace(/^\//, ""));
+        }
+
+        let proxyIntercept = proxy({
+            name,
+            version
+        }, config.devServer.proxy || {});
+        delete config.devServer.proxy;
+        for (let i = 0; i < proxyIntercept.length; i++) {
+            config.devServer.intercept.push(proxyIntercept[i]);
+        }
+
+        // 请求拦截
+        if (doIntercept(url.replace(/^\/_oipage_website_/, "").replace(/^\/@modules\//, ""), isWebsite ? websiteIntercept : config.devServer.intercept, request, response, wsHandler)) {
+            console.log("<i> \x1b[1m\x1b[32m[" + name + "] intercept: " + url + '\x1b[0m ' + new Date().toLocaleString());
+        }
+
+        // 如果存在且是文件
+        else if (existsSync(filePath) && !lstatSync(filePath).isDirectory()) {
+
+            // 判断是否是请求而无需进一步解析
+            // 2025年12月5日 于南京
+            let isXHR = headers["sec-fetch-dest"] === "empty";
+
+            let dotName = /\./.test(filePath) ? filePath.match(/\.([^.]+)$/)[1] : "";
+            let fileType = mineTypes[dotName]; // 文件类型
+            let fileInfo = statSync(filePath);
+
+            let fileModifiedTime = new Date(fileInfo.mtime).toGMTString();
+
+            let responseHeader = {
+                'Content-Type': (fileType || "text/plain") + ";charset=utf-8",
+                'Access-Control-Allow-Origin': '*',
+                'Server': 'Powered by ' + name + '@' + version,
+                'Cache-Control': 'no-cache',
+                // 'Content-Length': fileInfo.size, // 会导致拦截修改的文本内容不对
+
+                // 与if-modified-since配合使用，做缓存验证
+                'Last-Modified': fileModifiedTime,
+
+                // 与if-none-match配合使用，做缓存验证
+                // 'ETag': basePath + "-" + new Date(fileInfo.mtime).toString()
+            };
+
+            if (cache && headers["if-modified-since"]) {
+                let ifModifiedSince = new Date(headers["if-modified-since"]).valueOf()
+                let lastModified = new Date(fileModifiedTime).valueOf()
+
+                // 注意这里不能使用<=，否则
+                // 1、会出现时区问题
+                // 2、作为开发服务器，可能同一个url地址对应的文件不同，被误判为未修改
+                // 2025年12月29日 于南京
+                // if (lastModified <= ifModifiedSince) {}
+                if (lastModified === ifModifiedSince) {
+                    response.writeHead('304', responseHeader);
+                    response.end();
+                    console.log("<i> \x1b[1m\x1b[32m[" + name + "] Cache File: " + url + "\x1b[0m " + new Date().toLocaleString() + "\x1b[33m\x1b[1m 304" + (isXHR ? " 请求" : "") + "\x1b[0m");
+                    return;
+                }
+            }
+
+            let sendType = "";
+            let entry = headers.accept !== "*/*";
+
+            // 如果文件小于10M，认为不大，直接读取
+            if (fileInfo.size < 10 * 1024 * 1024) {
+                let { source, resolveImport } = resolveImportFactory(basePath, filePath, entry, isWebsite ? websiteIntercept : config.devServer.intercept, urlArray[1] === "download", isWebsite)
+
+                // 只处理非下载文件
+                // 过大的也不进行处理
+                // （对website无效）
+                if (urlArray[1] !== "download") {
+                    let loaders = isWebsite ? websiteLoader : config.module;
+
+                    for (let i = 0; i < loaders.rules.length; i++) {
+                        if (loaders.rules[i].test.test(filePath)) {
+                            source = loaders.rules[i].use.call({
+                                root: basePath, // 服务器根路径
+                                path: filePath.replace(basePath, ""), // 文件相对路径
+                                entry, // 是否是浏览器地址栏直接访问
+                                setFileType(_fileType) { // 设置文件类型
+                                    fileType = _fileType;
+                                    responseHeader['Content-Type'] = _fileType + ";charset=utf-8";
+                                }
+                            }, source);
+                            break;
+                        }
+                    }
+
+                }
+
+                sendType = "Read";
+                response.writeHead('200', responseHeader);
+                response.write(isXHR ? source : resolveImport(source, fileType !== "application/javascript"));
+                response.end();
+            }
+
+            // 对于大文件，使用流读取
+            else {
+                sendType = "Stream";
+
+                responseHeader['Content-Length'] = fileInfo.size
+
+                response.writeHead('200', responseHeader);
+                createReadStream(filePath).pipe(response);
+            }
+
+            console.log("<i> \x1b[1m\x1b[32m[" + name + "] " + sendType + " File: " + url + '\x1b[0m ' + new Date().toLocaleString() + "\x1b[33m\x1b[1m" + (isXHR ? " 请求" : "") + "\x1b[0m");
+        }
+
+        // 否则就是404
+        else {
+            response.writeHead(404, {
+                'Content-Type': "text/html;charset=utf-8",
+                'Access-Control-Allow-Origin': '*',
+                'Server': 'Powered by ' + name + '@' + version
+            });
+            response.write(resolve404(filePath, url));
+            response.end();
+        }
+
+    });
+
+    Server.listen(port);
+
+    // 获取网络信息
+    let networkValue = network();
+
+    // 打印成功提示
+    console.log('<i> \x1b[1m\x1b[32m[' + name + '] Project is running at:\x1b[0m');
+    console.log('<i> \x1b[1m\x1b[32m[' + name + '] Loopback: \x1b[36mhttp://localhost:' + port + '/\x1b[0m');
+    for (let ipv4Item of networkValue.IPv4) console.log('<i> \x1b[1m\x1b[32m[' + name + '] On Your Network (IPv4):\x1b[36m http://' + ipv4Item.address + ':' + port + '/\x1b[0m');
+    for (let ipv6Item of networkValue.IPv6) console.log('<i> \x1b[1m\x1b[32m[' + name + '] On Your Network (IPv6): \x1b[36mhttp://[' + ipv6Item.address + ']:' + port + '/\x1b[0m');
+    console.log('<i> \x1b[1m\x1b[32m[' + name + '] Content not from ' + (config.name || "OIPage") + ' is served from \x1b[36m"' + basePath + '" \x1b[0mdirectory');
+    if (!cache) console.log('<i> \x1b[1m\x1b[32m[' + name + '] Cancel 304 Cache!\x1b[0m');
+    console.log('\n' + (config.name || "OIPage") + ' ' + version + ' compiled \x1b[1m\x1b[32msuccessfully\x1b[0m in ' + (new Date().valueOf() - startTime) + ' ms\n')
 };

package/nodejs/animation/index.js

@@ -1,5 +1,5 @@
 /*!
-* animation of OIPage v1.7.0-alpha.4
+* animation of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/nodejs/cmdlog/index.js

@@ -1,5 +1,5 @@
 /*!
-* cmdlog of OIPage v1.7.0-alpha.4
+* cmdlog of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/nodejs/disk/index.js

@@ -1,5 +1,5 @@
 /*!
-* disk of OIPage v1.7.0-alpha.4
+* disk of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/nodejs/format/index.js

@@ -1,5 +1,5 @@
 /*!
-* format of OIPage v1.7.0-alpha.4
+* format of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/nodejs/json/index.js

@@ -1,5 +1,5 @@
 /*!
-* json of OIPage v1.7.0-alpha.4
+* json of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 const {reader} = require("../reader/index.js");

package/nodejs/logform/index.js

@@ -1,5 +1,5 @@
 /*!
-* logform of OIPage v1.7.0-alpha.4
+* logform of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 const {linelog} = require("../cmdlog/index.js");

package/nodejs/reader/index.js

@@ -1,5 +1,5 @@
 /*!
-* reader of OIPage v1.7.0-alpha.4
+* reader of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/nodejs/remote/index.d.ts

@@ -1,5 +1,10 @@
 interface resType {
 
+    /**
+     * 响应码
+     */
+    status: number
+
     /**
      * 响应体
      */

package/nodejs/remote/index.js

@@ -1,47 +1,13 @@
 /*!
-* remote of OIPage v1.7.0-alpha.4
+* remote of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 
 const https = require('https');
 const http = require('http');
 
-let doResolve = (res, resolve) => {
-    res.setEncoding('utf8');
-
-    let data = "";
-    res.on('data', (chunk) => {
-        data += chunk;
-    });
-    res.on('end', () => {
-        resolve({
-            data: data.toString('utf8'),
-            headers: res.headers
-        });
-    });
-}
-
-// GET请求
-function get(url, headers = {}) {
-    return new Promise((resolve, reject) => {
-
-        let handler = /^https/.test(url) ? https : http;
-
-        // https://nodejs.org/download/release/v16.8.0/docs/api/http.html#http_http_get_options_callback
-        handler.get(url, {
-            headers
-        }, res => {
-            doResolve(res, resolve)
-        }).on('error', (e) => {
-            reject(e);
-        });
-    });
-};
-
-// POST请求
-function post(url, headers = {}, params = {}) {
+function remote(method, url, headers, param) {
     return new Promise((resolve, reject) => {
-
         let handler = /^https/.test(url) ? https : http;
 
         let execArray = /https*:\/\/([^\/]+)(.+)?/.exec(url);
@@ -52,19 +18,43 @@ function post(url, headers = {}, params = {}) {
             hostname: hostport[0],
             port: hostport[1] || 80,
             path: execArray[2] || "/",
-            method: "POST",
+            method,
             headers
         }, (res) => {
-            doResolve(res, resolve);
+            res.setEncoding("utf8");
+
+            let data = "";
+            res.on('data', (chunk) => {
+                data += chunk;
+            });
+            res.on('end', () => {
+
+                resolve({
+                    status: res.statusCode,
+                    data: data.toString('utf8'),
+                    headers: res.headers
+                });
+            });
+
         });
 
-        req.write(JSON.stringify(params));
+        if (param) req.write(param);
 
         req.on('error', (e) => {
             reject(e);
         });
         req.end();
     });
+}
+
+// GET请求
+function get(url, headers = {}) {
+    return remote("GET", url, headers)
+};
+
+// POST请求
+function post(url, headers = {}, params = {}) {
+    return remote("POST", url, headers, JSON.stringify(params));
 };
 
 exports.get = get;

package/nodejs/throttle/index.js

@@ -1,5 +1,5 @@
 /*!
-* throttle of OIPage v1.7.0-alpha.4
+* throttle of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "oipage",
-  "version": "1.7.0-alpha.4",
+  "version": "1.7.0-alpha.6",
   "description": "前端网页或应用快速开发助手，包括开发服务器、辅助命令、实用API等",
   "sideEffects": false,
   "typings": "./types/index.d.ts",
   "scripts": {
-    "dev": "node ./bin/run run \"node ./build/index.js watch\" \"node ./bin/run serve --config ./oipage.config.js\"",
+    "dev": "node ./bin/run run \"node ./build/index.js watch\" \"npm run serve\"",
     "build": "node ./build/index.js",
+    "serve": "node ./bin/run serve --config ./oipage.config.js",
+    "dev:issue10": "node ./bin/run serve --proxy /proxydemo http://127.0.0.1:8080/docs -p 20000",
     "bug:issue5": "node ./bin/run run \"node ./bin/run serve\"",
     "bug:issue4": "node ./bin/run run \"node ./test/logform/index.spec.js\""
   },

package/web/XMLHttpRequest/index.js

@@ -1,5 +1,5 @@
 /*!
-* XMLHttpRequest of OIPage v1.7.0-alpha.4
+* XMLHttpRequest of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/animation/index.js

@@ -1,5 +1,5 @@
 /*!
-* animation of OIPage v1.7.0-alpha.4
+* animation of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/format/index.js

@@ -1,5 +1,5 @@
 /*!
-* format of OIPage v1.7.0-alpha.4
+* format of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/json/index.js

@@ -1,5 +1,5 @@
 /*!
-* json of OIPage v1.7.0-alpha.4
+* json of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 import {reader} from "../reader/index.js";

package/web/onReady/index.js

@@ -1,5 +1,5 @@
 /*!
-* onReady of OIPage v1.7.0-alpha.4
+* onReady of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/performChunk/index.js

@@ -1,5 +1,5 @@
 /*!
-* performChunk of OIPage v1.7.0-alpha.4
+* performChunk of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/reader/index.js

@@ -1,5 +1,5 @@
 /*!
-* reader of OIPage v1.7.0-alpha.4
+* reader of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/style/index.js

@@ -1,5 +1,5 @@
 /*!
-* style of OIPage v1.7.0-alpha.4
+* style of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/throttle/index.js

@@ -1,5 +1,5 @@
 /*!
-* throttle of OIPage v1.7.0-alpha.4
+* throttle of OIPage v1.7.0-alpha.6
 * git+https://github.com/oi-contrib/OIPage.git
 */