mocksw 1.0.0 → 1.1.0

package/README.md

@@ -14,6 +14,8 @@
 
 ```sh
 npm install mocksw -D
+# or
+npm install mocksw -D
 ```
 
 ## 🚀 快速开始
@@ -24,6 +26,8 @@ npm install mocksw -D
 
 ```sh
 npx mocksw init public
+# or
+pnpm exec mocksw init public
 ```
 
 这将在你的公共目录下生成 `swMockWorker.js` worker环境。
@@ -63,7 +67,20 @@ httpRequest.init('www.vadmin.test.com').then(() => {
   console.log('🚀 完美 Mock 环境已就绪');
   // 挂载 Vue 实例 推荐在 init 后挂载
   app.mount('#app');
+  // 现在这个接口调用会被拦截 并返回模拟响应
+  login();
 });
+
+function login() {
+  axios
+    .post('http://www.vadmin.test.com/user/login', {
+      username: 'admin',
+      password: '123456',
+    })
+    .then(res => {
+      console.log(res.data);
+    });
+}
 ```
 
 启动项目，即可在浏览器中使用 Mock API。
@@ -87,6 +104,7 @@ httpRequest.init('www.vadmin.test.com').then(() => {
 - `query`：URL 查询参数对象
 - `headers`：原生请求头
 - `method`：请求方法（如 GET、POST 等）
+- `headers`：原生请求头
 
 `MockResponse` (回调第二个参数)
 

package/dist/index.js

@@ -92,19 +92,14 @@ var MockClient = class {
 		});
 		navigator.serviceWorker.addEventListener("message", async (event) => {
 			if (event.data.type === "MSW_SIMULATE_REQUEST") {
-				const { method, url, body, query } = event.data;
+				const { method, url } = event.data.data;
 				const port = event.ports[0];
 				const handlerKey = `${method}:${url}`;
 				const handler = this.handlers.get(handlerKey);
 				if (!port) return;
 				if (handler) {
 					const res = new ResponseActions(port);
-					await handler({
-						url,
-						method,
-						body,
-						query
-					}, res);
+					await handler(Object.assign({}, event.data.data), res);
 				} else port.postMessage({
 					body: { error: "Not Found" },
 					status: 404

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "mocksw",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "type": "module",
   "license": "MIT",
   "author": "@zstings",
   "description": "一个基于 Service Worker 的轻量级、零侵入 API 模拟工具",
   "bin": {
-    "mocksw": "./dist/cli.mjs"
+    "mocksw": "dist/cli.mjs"
   },
   "files": [
     "dist",

package/public/swMockWorker.js

@@ -25,7 +25,6 @@ self.addEventListener('fetch', event => {
             status: status || 200,
             headers: {
               'Content-Type': 'application/json',
-              'Content-Length': 100000, // 显式设置大小
               ...headers,
             },
           }),
@@ -37,10 +36,13 @@ self.addEventListener('fetch', event => {
         allClients[0].postMessage(
           {
             type: 'MSW_SIMULATE_REQUEST',
-            url: url.pathname,
-            method: event.request.method,
-            body: requestBody,
-            query: Object.fromEntries(url.searchParams.entries()),
+            data: {
+              url: url.pathname,
+              method: event.request.method,
+              body: requestBody,
+              query: Object.fromEntries(url.searchParams.entries()),
+              headers: Object.fromEntries(event.request.headers.entries()),
+            },
           },
           [channel.port2],
         );