chore: New mock scheme (#50)

Author: CharleeWa

.env.development

@@ -1,4 +1,3 @@
 NODE_ENV=development
 VITE_APP_PREVIEW=true
 VITE_APP_API_BASE_URL=/api
-VITE_HTTP_MOCK=true

build/mock/createMockServer.js

@@ -1,4 +1,7 @@
-const list = [
+import { defineMockData } from 'vite-plugin-mock-dev-server'
+
+// defineMockData，用于在 mock 文件中使用 data.ts 作为共享数据源。
+export default defineMockData('proses', [
   { prose: '🔖 躲在某一时间，想念一段时光的掌纹;躲在某一地点，想念一个站在来路也站在去路的，让我牵挂的人。' },
   { prose: '🔖 天空一碧如洗，灿烂的阳光正从密密的松针的缝隙间射下来，形成一束束粗粗细细的光柱，把飘荡着轻纱般薄雾的林荫照得通亮。' },
   { prose: '🔖 这一次相遇，美得彻骨，美得震颤，美得孤绝，美得惊艳。' },
@@ -14,10 +17,4 @@ const list = [
   { prose: '🔖 下午茶的芬香熏陶着房内的任何一个角落，午后的阳光透过窗帘的间隙洒在木制的桌面上，一份思念随着红茶顺滑至心中。' },
   { prose: '🔖 这里再不是我们的校园，当我们就此离开我们的青葱岁月。' },
   { prose: '🔖 很久找你，一直没有找到，微风吹过的时候，我深深的呼吸，才感觉到你也在陪伴着我呼吸。' },
-]
-
-export default {
-  'GET /api/project/prose': (req, res) => {
-    res.json(list[Math.floor(Math.random() * 8)])
-  },
-}
+])

build/mock/getMockData.js

@@ -1,4 +1,4 @@
-import prose from './modules/prose'
+import prose from './modules/prose.mock'
 
 export default {
   ...prose,

build/mock/registerBabel.js

@@ -0,0 +1,16 @@
+// https://github.com/pengzhanbo/vite-plugin-mock-dev-server
+import { defineMock } from 'vite-plugin-mock-dev-server'
+import proses from '../data'
+
+export default defineMock({
+  url: '/api/project/prose',
+  delay: 300,
+  body: () => {
+    const prose = proses.value[Math.floor(Math.random() * 8)]
+    return {
+      code: 0,
+      data: prose,
+      msg: 'success',
+    }
+  },
+})