feat: 新增拦截请求

Author: winches

intercept/index.js

@@ -0,0 +1,20 @@
+import { interceptMock } from './intercept'
+import { getOptions } from './utils'
+import { resolve } from 'path'
+import { scanDirFile } from '@winches/utils'
+
+async function main() {
+  const { mockPath = '__mock__' } = await getOptions()
+  const mockDir = resolve(process.cwd(), mockPath)
+  const mockList = scanDirFile(mockDir)
+    .map(path => path.slice(path.indexOf(mockDir)+mockDir.length))
+    .map(path => path.replace(/\..*/g, ''))
+
+  // 拦截请求
+  await interceptMock(mockList, mockDir)
+
+  console.log();
+  console.log('Success：成功拦截请求 ' + mockList);
+}
+
+main()

intercept/intercept.js

@@ -0,0 +1,22 @@
+import Mock from 'mockjs'
+import { join } from 'path'
+
+export async function interceptMock(mockList, mockDir) {
+  for (const item of mockList) {
+    newItem = item.replace(/\\/g, '\/')
+    // 判断是否为动态路径
+    if (newItem.includes(':')) {
+      const path = newItem.replace(':', '/:')
+      await addRoutes(path, item)
+      continue
+    }
+    await addRoutes(newItem, item)
+  }
+
+  async function addRoutes(url, name) {
+    const path = join(mockDir, `${name}.js`)
+    const mockFn = await import(path)
+    Mock.mock(url, 'GET', mockFn)
+    Mock.mock(url, 'POST', mockFn)
+  }
+}

intercept/utils.js

@@ -0,0 +1,15 @@
+import { existsSync } from 'fs'
+import { resolve } from 'path'
+
+export async function getOptions() {
+  async function getOpts(path) {
+    const absPath = resolve(process.cwd(), path)
+    if (!existsSync(absPath))
+      return null
+    return await import(absPath)
+  }
+  const opts = getOpts('mock.config.js') || getOpts('mock.config.cjs')
+    || getOpts('package.json') || {}
+
+  return opts
+}

src/utils/index.js

@@ -10,7 +10,7 @@ function getOptions() {
     return require(absPath)
   }
   const opts = getOpts('mock.config.js') || getOpts('mock.config.cjs')
-    || getOpts('package.json') || undefined
+    || getOpts('package.json') || {}
   const { mockPath, watch, port } = opts
 
   return {