Merge branch 'demo'

Author: feige996

env/.env

@@ -16,3 +16,5 @@ VITE_WX_APPID = 'wxa2abb91f64032a2b'
 VITE_FALLBACK_LOCALE = 'zh-Hans'
 
 VITE_SERVER_BASEURL = 'https://ukw0y1.laf.run'
+
+VITE_ENV_FILE = '.env'

env/.env.development

@@ -4,3 +4,5 @@ NODE_ENV = 'development'
 VITE_DELETE_CONSOLE = false
 
 # VITE_SERVER_BASEURL = 'https://ukw0y1.laf.run'
+
+VITE_ENV_FILE = '.env.development'

env/.env.production

@@ -4,3 +4,5 @@ NODE_ENV = 'development'
 VITE_DELETE_CONSOLE = true
 
 # VITE_SERVER_BASEURL = 'https://xxx.com'
+
+VITE_ENV_FILE = '.env.production'

env/.env.test

@@ -4,3 +4,5 @@ NODE_ENV = 'development'
 VITE_DELETE_CONSOLE = false
 
 # VITE_SERVER_BASEURL = 'https://xxx.com'
+
+VITE_ENV_FILE = '.env.test'

mock/test.ts

@@ -0,0 +1,45 @@
+// test.ts
+
+import { MockMethod, MockConfig } from 'vite-plugin-mock'
+
+export default [
+  {
+    url: '/api/get',
+    method: 'get',
+    response: ({ query }) => {
+      return {
+        code: 0,
+        result: {
+          name: '菲鸽',
+        },
+      }
+    },
+  },
+  {
+    url: '/api/post',
+    method: 'post',
+    timeout: 2000,
+    response: {
+      code: 0,
+      result: {
+        name: '菲鸽',
+      },
+    },
+  },
+  {
+    url: '/api/text',
+    method: 'post',
+    rawResponse: async (req, res) => {
+      let reqbody = ''
+      await new Promise((resolve) => {
+        req.on('data', (chunk) => {
+          reqbody += chunk
+        })
+        req.on('end', () => resolve(undefined))
+      })
+      res.setHeader('Content-Type', 'text/plain')
+      res.statusCode = 200
+      res.end(`hello, ${reqbody}`)
+    },
+  },
+] as MockMethod[]

package.json

@@ -28,6 +28,9 @@
     "dev:app-ios": "uni -p app-ios",
     "dev:custom": "uni -p",
     "dev": "uni",
+    "dev-dev": "uni --mode development",
+    "dev-test": "uni --mode test",
+    "dev-prod": "uni --mode production",
     "dev:h5": "uni",
     "dev:h5:ssr": "uni --ssr",
     "dev:mp": "uni -p mp-weixin",
@@ -155,6 +158,7 @@
     "unplugin-auto-import": "^0.17.2",
     "vite": "4.3.5",
     "vite-plugin-imagemin": "^0.6.1",
+    "vite-plugin-mock": "^3.0.1",
     "vite-plugin-restart": "^0.4.0",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-vue-setup-extend": "^0.4.0",

pnpm-lock.yaml

@@ -1,5 +1,5 @@
 import { onReady } from '@dcloudio/uni-app'
-import { getIsTabbar, getArrElementByIdx } from '@/utils/index'
+import { getIsTabbar, getLastItem } from '@/utils/index'
 
 export default () => {
   // 获取页面栈
@@ -15,7 +15,7 @@ export default () => {
   // 基于小程序的 Page 类型扩展 uni-app 的 Page
   type PageInstance = Page.PageInstance & WechatMiniprogram.Page.InstanceMethods<any>
   // 获取当前页面实例，数组最后一项
-  const pageInstance = getArrElementByIdx(getCurrentPages(), -1) as PageInstance
+  const pageInstance = getLastItem(getCurrentPages()) as PageInstance
 
   // 页面渲染完毕，绑定动画效果
   onReady(() => {

src/hooks/useNavbarWeixin.ts

@@ -22,10 +22,12 @@ const httpInterceptor = {
         options.url += `?${queryStr}`
       }
     }
-
-    // 1. 非 http 开头需拼接地址
-    if (!options.url.startsWith('http')) {
-      options.url = baseURL + options.url
+    // api 目前为 mock 接口，所以无需处理
+    if (!options.url.startsWith('/api')) {
+      if (!options.url.startsWith('http')) {
+        // 1. 非 http 开头需拼接地址
+        options.url = baseURL + options.url
+      }
     }
     // 2. 请求超时
     options.timeout = 10000 // 10s

src/interceptors/request.ts

@@ -8,6 +8,13 @@ import 'virtual:svg-icons-register'
 import 'virtual:uno.css'
 import '@/style/index.scss'
 
+// production mock server
+if (process.env.NODE_ENV === 'production') {
+  import('./mockProdServer').then(({ setupProdMockServer }) => {
+    setupProdMockServer()
+  })
+}
+
 export function createApp() {
   const app = createSSRApp(App)
   app.use(store)

src/main.ts

@@ -0,0 +1,18 @@
+import { createProdMockServer } from 'vite-plugin-mock/dist/client'
+
+const modules = import.meta.glob('../mock/**/*.ts', { eager: true })
+
+const mockModules: any[] = []
+Object.keys(modules).forEach((key) => {
+  if (key.includes('/_')) {
+    return
+  }
+  mockModules.push(...(modules as Recordable)[key].default)
+})
+
+/**
+ * Used in a production environment. Need to manually import all modules
+ */
+export function setupProdMockServer() {
+  createProdMockServer(mockModules)
+}