feat: add 请求页

src/pages.json

@@ -51,6 +51,14 @@
       "style": {
         "navigationBarTitleText": "关于"
       }
+    },
+    {
+      "path": "pages/index/request",
+      "type": "page",
+      "layout": "demo",
+      "style": {
+        "navigationBarTitleText": "请求"
+      }
     }
   ],
   "subPackages": [

src/pages/index/about.vue

@@ -17,7 +17,7 @@
       <text class="text-red-500">菲鸽</text>
     </view>
     <view class="text-center mt-8">
-      <wd-button type="primary">wot 组件库测试</wd-button>
+      <wd-button type="primary" @click="gotoPage('request')">去请求页</wd-button>
     </view>
 
     <view class="text-center py-4">
@@ -36,6 +36,12 @@ import PLATFORM from '@/utils/platform'
 const { safeAreaInsets } = uni.getSystemInfoSync()
 
 console.log(PLATFORM)
+
+const gotoPage = (page: string) => {
+  uni.navigateTo({
+    url: `/pages/index/${page}`,
+  })
+}
 </script>
 
 <style lang="scss" scoped>

src/pages/index/request.vue

@@ -0,0 +1,66 @@
+<route lang="json5">
+{
+  layout: 'demo',
+  style: {
+    navigationBarTitleText: '请求',
+  },
+}
+</route>
+
+<template>
+  <view class="mt-6">
+    <!-- http://localhost:9000/#/pages/index/request -->
+    <button @click="getFoo" class="my-4">测试 GET 请求</button>
+    <view class="text-xl">请求数据如下</view>
+    <view class="text-green h-10">{{ JSON.stringify(data) }}</view>
+    <view class="text-xl">完整数据</view>
+    <view class="text-green h-20">{{ JSON.stringify(originalData) }}</view>
+    <button @click="postFoo" class="my-4">测试 POST 请求</button>
+    <view class="text-xl">请求数据如下</view>
+    <view class="text-green h-10">{{ JSON.stringify(data2) }}</view>
+
+    <button class="my-8" type="warn" @click="reset">一键清空数据</button>
+
+    <view class="my-2">使用的是 laf 云后台</view>
+    <view class="text-green-400">我的推荐码，可以获得佣金</view>
+    <!-- #ifdef H5 -->
+    <view class="my-2 text-center">
+      <a class="my-2 text-center" :href="recommendUrl" target="_blank">{{ recommendUrl }}</a>
+    </view>
+    <!-- #endif -->
+
+    <!-- #ifndef H5 -->
+    <view class="my-2 text-left text-sm">{{ recommendUrl }}</view>
+    <!-- #endif -->
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { getFooAPI, postFooAPI, IFooItem } from '@/service/foo'
+
+const recommendUrl = ref('http://laf.run/signup?code=ohaOgIX')
+
+onLoad(() => {
+  getFoo()
+  postFoo()
+})
+const originalData = ref<IResData<IFooItem>>()
+const data = ref<IFooItem>()
+const getFoo = async () => {
+  const res = await getFooAPI('菲鸽')
+  data.value = res.data
+  originalData.value = res
+}
+
+const data2 = ref<IFooItem>()
+const postFoo = async () => {
+  const res = await postFooAPI('菲鸽2')
+  data2.value = res.data
+}
+
+const reset = () => {
+  data.value = undefined
+  data2.value = undefined
+  originalData.value = undefined
+}
+</script>

src/typings.ts

@@ -5,7 +5,7 @@
 type IResData<T> = {
   code: number
   msg: string
-  result: T
+  data: T
 }
 
 // uni.uploadFile文件上传参数