refactor: update mock response body

Author: cwandev

.env.production

@@ -1,2 +1,2 @@
 VITE_APP_PREVIEW=false
-VITE_APP_API_BASE_URL=https://api.example.com
+VITE_APP_API_BASE_URL=http://easyapi.devv.zone:3012/api

mock/data.ts

@@ -2,19 +2,19 @@ import { defineMockData } from 'vite-plugin-mock-dev-server'
 
 // defineMockData，用于在 mock 文件中使用 data.ts 作为共享数据源。
 export default defineMockData('proses', [
-  { prose: '🔖 躲在某一时间，想念一段时光的掌纹;躲在某一地点，想念一个站在来路也站在去路的，让我牵挂的人。' },
-  { prose: '🔖 天空一碧如洗，灿烂的阳光正从密密的松针的缝隙间射下来，形成一束束粗粗细细的光柱，把飘荡着轻纱般薄雾的林荫照得通亮。' },
-  { prose: '🔖 这一次相遇，美得彻骨，美得震颤，美得孤绝，美得惊艳。' },
-  { prose: '🔖 沉默的状态，能让我感觉到呼吸的自由和自己原来就处于的本色位置。' },
-  { prose: '🔖 青春，是一包象征着阳光的向日葵种子，在现在洒下，就会在未来得到收获，那一株株饱含青春的花朵。' },
-  { prose: '🔖 燕子去了，有再来的时候;杨柳枯了，有再青的时候;桃花谢了，有再开的时候。但是，聪明的，你告诉我，我们的日子为什么一去不复返呢?' },
-  { prose: '🔖 毕业了，青春在无形之中离去，我们即将翻开人生的另一页。' },
-  { prose: '🔖 成长，是每个孩子的权力，也是他们必经的征程，或平坦、或崎岖，有悲欢，有离合。' },
-  { prose: '🔖 旧时光里的人和事，琐碎而零乱。我的记忆很模糊，好像大部分都成了一种温馨的符号，静静的沉在我心底。' },
-  { prose: '🔖 生活是一部大百科全书，包罗万象;生活是一把六弦琴，弹奏出多重美妙的旋律：生活是一座飞马牌大钟，上紧发条，便会使人获得浓缩的生命。' },
-  { prose: '🔖 毕业了，身边的朋友一个个各奔东西，开始学会自己撑起生命的暖色。' },
-  { prose: '🔖 已经走到尽头的东西，重生也不过是再一次的消亡。就像所有的开始，其实都只是一个写好了的结局。' },
-  { prose: '🔖 下午茶的芬香熏陶着房内的任何一个角落，午后的阳光透过窗帘的间隙洒在木制的桌面上，一份思念随着红茶顺滑至心中。' },
-  { prose: '🔖 这里再不是我们的校园，当我们就此离开我们的青葱岁月。' },
-  { prose: '🔖 很久找你，一直没有找到，微风吹过的时候，我深深的呼吸，才感觉到你也在陪伴着我呼吸。' },
+  '🔖 躲在某一时间，想念一段时光的掌纹;躲在某一地点，想念一个站在来路也站在去路的，让我牵挂的人。',
+  '🔖 天空一碧如洗，灿烂的阳光正从密密的松针的缝隙间射下来，形成一束束粗粗细细的光柱，把飘荡着轻纱般薄雾的林荫照得通亮。',
+  '🔖 这一次相遇，美得彻骨，美得震颤，美得孤绝，美得惊艳。',
+  '🔖 沉默的状态，能让我感觉到呼吸的自由和自己原来就处于的本色位置。',
+  '🔖 青春，是一包象征着阳光的向日葵种子，在现在洒下，就会在未来得到收获，那一株株饱含青春的花朵。',
+  '🔖 燕子去了，有再来的时候;杨柳枯了，有再青的时候;桃花谢了，有再开的时候。但是，聪明的，你告诉我，我们的日子为什么一去不复返呢?',
+  '🔖 毕业了，青春在无形之中离去，我们即将翻开人生的另一页。',
+  '🔖 成长，是每个孩子的权力，也是他们必经的征程，或平坦、或崎岖，有悲欢，有离合。',
+  '🔖 旧时光里的人和事，琐碎而零乱。我的记忆很模糊，好像大部分都成了一种温馨的符号，静静的沉在我心底。',
+  '🔖 生活是一部大百科全书，包罗万象;生活是一把六弦琴，弹奏出多重美妙的旋律：生活是一座飞马牌大钟，上紧发条，便会使人获得浓缩的生命。',
+  '🔖 毕业了，身边的朋友一个个各奔东西，开始学会自己撑起生命的暖色。',
+  '🔖 已经走到尽头的东西，重生也不过是再一次的消亡。就像所有的开始，其实都只是一个写好了的结局。',
+  '🔖 下午茶的芬香熏陶着房内的任何一个角落，午后的阳光透过窗帘的间隙洒在木制的桌面上，一份思念随着红茶顺滑至心中。',
+  '🔖 这里再不是我们的校园，当我们就此离开我们的青葱岁月。',
+  '🔖 很久找你，一直没有找到，微风吹过的时候，我深深的呼吸，才感觉到你也在陪伴着我呼吸。',
 ])

mock/modules/prose.mock.ts

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

mock/util.ts

@@ -0,0 +1,19 @@
+const responseBody = {
+  message: '',
+  timestamp: 0,
+  result: null as unknown,
+  code: 0,
+}
+
+export function builder(data: unknown, message = 'success', code = 0) {
+  responseBody.result = data
+
+  if (message !== undefined && message !== null)
+    responseBody.message = message
+
+  if (code !== undefined && code !== 0)
+    responseBody.code = code
+
+  responseBody.timestamp = new Date().getTime()
+  return responseBody
+}

src/api/index.ts

@@ -1,5 +1,5 @@
 import request from '@/utils/request'
 
 export async function queryProse(): Promise<any> {
-  return request('/project/prose')
+  return request('/prose')
 }

src/components.d.ts

@@ -1,10 +1,10 @@
 /* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
 export {}
 
+/* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
     AppMobileDetector: typeof import('./components/AppMobileDetector.vue')['default']

src/pages/mock/index.vue

@@ -13,13 +13,11 @@ definePage({
 const messages = ref<string>('')
 
 function pull() {
-  queryProse().then((res) => {
-    messages.value = res.data.prose
+  queryProse().then(({ code, result }) => {
+    if (code === 0)
+      messages.value = result
   })
 }
-
-// reset data
-const reset = () => messages.value = ''
 </script>
 
 <template>
@@ -41,7 +39,7 @@ const reset = () => messages.value = ''
       <var-button type="primary" block @click="pull">
         {{ $t('mock.pull') }}
       </var-button>
-      <var-button type="default" block @click="reset">
+      <var-button type="default" block @click="messages = ''">
         {{ $t('mock.reset') }}
       </var-button>
     </var-space>