完善功能、首页、报名、个人中心

.env.production

@@ -1,2 +1,2 @@
 VITE_APP_PREVIEW=false
-VITE_APP_API_BASE_URL=https://api.example.com
+VITE_APP_API_BASE_URL=/api

.husky/commit-msg

@@ -1 +0,0 @@
-node scripts/verifyCommit.js

.husky/pre-commit

@@ -1 +0,0 @@
-pnpm lint

package.json

@@ -7,15 +7,13 @@
   "license": "MIT",
   "scripts": {
     "dev": "cross-env MOCK_SERVER_PORT=8086 vite",
-    "build": "vue-tsc --noEmit && vite build",
+    "build": "vite build",
     "build:dev": "vue-tsc --noEmit && vite build --mode=development",
     "preview": "npm run build && vite preview",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "test": "vitest",
-    "release": "bumpp --commit --push --tag",
-    "prepare": "husky",
-    "cz": "git-cz"
+    "release": "bumpp --commit --push --tag"
   },
   "dependencies": {
     "@unhead/vue": "^1.8.10",
@@ -33,6 +31,7 @@
     "vant": "^4.8.4",
     "vconsole": "^3.15.1",
     "vue": "^3.4.15",
+    "vue-cookies": "^1.8.3",
     "vue-router": "^4.2.5"
   },
   "devDependencies": {
@@ -48,12 +47,9 @@
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "autoprefixer": "^10.4.17",
     "bumpp": "^9.3.0",
-    "commitizen": "^4.3.0",
     "consola": "^3.2.3",
     "cross-env": "^7.0.3",
-    "cz-emoji-chinese": "^0.3.1",
     "eslint": "^8.56.0",
-    "husky": "^9.0.10",
     "less": "^4.2.0",
     "mockjs": "^1.1.0",
     "postcss-mobile-forever": "^4.1.1",
@@ -82,16 +78,5 @@
         "rollup": "^4.x"
       }
     }
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-emoji-chinese"
-    },
-    "cz-emoji-chinese": {
-      "skipQuestions": [
-        "body",
-        "scope"
-      ]
-    }
   }
 }

src/api/user.ts

@@ -0,0 +1,23 @@
+import request from '@/utils/request'
+
+/**
+ * 根据openid获取参会用户信息
+ */
+export function getApplyInfoByOpenId(data: { openId: string, miceLink: string }) {
+  return request({
+    method: 'post',
+    url: '/backstageApply/getByOpenId',
+    data,
+  })
+}
+
+/**
+ * 根据手机号获取参会用户信息
+ */
+export function getApplyInfoByPhone(data: { phone: string, miceLink: string }) {
+  return request({
+    method: 'post',
+    url: '/backstageApply/getByPhone',
+    data,
+  })
+}

src/api/weixin.ts

@@ -10,3 +10,40 @@ export function getWeixinSignature(url: string) {
     data: { url },
   })
 }
+
+/**
+ * 拉取用户信息
+ */
+export function userSign(code: string) {
+  const formData = new FormData()
+  formData.append('code', code)
+  return request({
+    method: 'post',
+    url: '/wx/getUserInfoBycode',
+    data: formData,
+    headers: {
+      'Content-Type': 'multipart/form-data',
+    },
+  })
+}
+
+/**
+ * openid获取用户信息
+ */
+export function getUserInfoByOpenId(openid: any) {
+  return request({
+    method: 'get',
+    url: `/wxUser/getInfoByOpenId/${openid}`,
+  })
+}
+
+/**
+ * openid 是否已经参会
+ */
+export function openidIsApply(data: { openId: string, miceLink: string }) {
+  return request({
+    method: 'post',
+    url: '/backstageApply/openIdIsApply',
+    data,
+  })
+}

src/auto-imports.d.ts

@@ -43,6 +43,7 @@ declare global {
   const expect: typeof import('vitest')['expect']
   const extendRef: typeof import('@vueuse/core')['extendRef']
   const getActiveHead: typeof import('@unhead/vue')['getActiveHead']
+  const getCookie: typeof import('./composables/cookie')['getCookie']
   const getCurrentInstance: typeof import('vue')['getCurrentInstance']
   const getCurrentScope: typeof import('vue')['getCurrentScope']
   const getUrlMiceLink: typeof import('./composables/mice')['getUrlMiceLink']
@@ -97,9 +98,11 @@ declare global {
   const refDefault: typeof import('@vueuse/core')['refDefault']
   const refThrottled: typeof import('@vueuse/core')['refThrottled']
   const refWithControl: typeof import('@vueuse/core')['refWithControl']
+  const removeCookie: typeof import('./composables/cookie')['removeCookie']
   const resolveComponent: typeof import('vue')['resolveComponent']
   const resolveRef: typeof import('@vueuse/core')['resolveRef']
   const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
+  const setCookie: typeof import('./composables/cookie')['setCookie']
   const shallowReactive: typeof import('vue')['shallowReactive']
   const shallowReadonly: typeof import('vue')['shallowReadonly']
   const shallowRef: typeof import('vue')['shallowRef']

src/components.d.ts

@@ -7,22 +7,14 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
-    Chart: typeof import('./components/chart/index.vue')['default']
-    Container: typeof import('./components/container/index.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     VanButton: typeof import('vant/es')['Button']
-    VanCell: typeof import('vant/es')['Cell']
-    VanCellGroup: typeof import('vant/es')['CellGroup']
     VanCheckbox: typeof import('vant/es')['Checkbox']
     VanConfigProvider: typeof import('vant/es')['ConfigProvider']
-    VanEmpty: typeof import('vant/es')['Empty']
     VanField: typeof import('vant/es')['Field']
     VanForm: typeof import('vant/es')['Form']
     VanIcon: typeof import('vant/es')['Icon']
-    VanNavBar: typeof import('vant/es')['NavBar']
-    VanSpace: typeof import('vant/es')['Space']
-    VanSwitch: typeof import('vant/es')['Switch']
     VanTag: typeof import('vant/es')['Tag']
   }
 }

src/layout/index.vue

@@ -1,12 +1,13 @@
 <script lang="ts" setup>
 import useMiceStore from '@/stores/modules/mice'
+import useUserStore from '@/stores/modules/user'
 
 const miceInfoStore = useMiceStore()
+const { getOpenId } = useUserStore()
 
-onMounted(() => {
-  const miceeLink = getUrlMiceLink()
-  miceInfoStore.initMiceInfo(miceeLink)
-})
+getOpenId()
+const miceeLink = getUrlMiceLink()
+miceInfoStore.initMiceInfo(miceeLink)
 </script>
 
 <template>

src/main.ts

@@ -1,8 +1,10 @@
 import { createApp } from 'vue'
 import { createHead } from '@unhead/vue'
+import VueCookies from 'vue-cookies'
 import App from '@/App.vue'
 import router from '@/router'
 import pinia from '@/stores'
+
 import 'virtual:uno.css'
 import '@/styles/app.less'
 
@@ -23,6 +25,9 @@ import 'vant/es/image-preview/style'
 const app = createApp(App)
 const head = createHead()
 
+// app.config.globalProperties.$cookies = VueCookies
+app.provide('$cookies', VueCookies)
+
 app.use(head)
 app.use(router)
 app.use(pinia)

src/router/index.ts

@@ -7,7 +7,7 @@ import 'nprogress/nprogress.css'
 NProgress.configure({ showSpinner: true, parent: '#app' })
 
 const router = createRouter({
-  history: createWebHistory(import.meta.env.VITE_APP_PUBLIC_PATH),
+  history: createWebHistory(),
   routes,
 })
 

src/router/router.ts

@@ -26,6 +26,15 @@ const routes: Array<RouteRecordRaw> = [
           title: '报名',
         },
       },
+      // 个人中心
+      {
+        path: 'user/:miceLink',
+        name: 'User',
+        component: () => import('@/views/user/index.vue'),
+        meta: {
+          title: '个人中心',
+        },
+      },
     ],
   },
 ]

src/stores/modules/mice.ts

@@ -7,7 +7,14 @@ import { getMiceInfo } from '@/api/mice'
 const useMiceStore = defineStore('mice', () => {
   const miceInfo = ref<any>({})
 
+  // 初始化会议信息
   function initMiceInfo(miceLink: string) {
+    if (!miceLink)
+      return
+
+    if (miceInfo.value.linkName)
+      return
+
     getMiceInfo({ miceLink }).then((res) => {
       miceInfo.value = res
     })

src/stores/modules/user.ts

@@ -0,0 +1,83 @@
+import { defineStore } from 'pinia'
+import type { VueCookies } from 'vue-cookies'
+import { getUserInfoByOpenId, userSign } from '@/api/weixin'
+import { getApplyInfoByOpenId } from '@/api/user'
+
+/**
+ * 会议信息
+ */
+const useUserStore = defineStore('user', () => {
+  const wxInfo = ref<any>({})
+  const router = useRouter()
+  const openId = ref('')
+  const userInfo = ref<any>({})
+  const applyInfo = ref<any>({})
+
+  // 获取openid
+  async function getOpenId() {
+    const APPID = 'wxa4d8f4b7c43cdf40'
+    const cookies = inject<VueCookies>('$cookies')
+
+    let user = {} as any
+    user = cookies.get('user')
+    // user = {
+    //   openid: 'o_CUl6J2TlFYLbnTp8PqWle-DUSQ',
+    // }
+
+    // 如果没有openId，跳转到授权页面
+    if (!user || !user.openid) {
+      if (!router.currentRoute.value.query.code) {
+        window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${APPID}&redirect_uri=${window.location.href.split('#')[0]}&response_type=code&scope=snsapi_userinfo#wechat_redirect`
+      }
+      else {
+        const code = router.currentRoute.value.query.code as string
+        // 获取微信用户信息
+        userSign(code).then((res: any) => {
+          cookies.set('user', JSON.stringify(res))
+          wxInfo.value = res
+          openId.value = res.openid
+          getUserInfo()
+        })
+      }
+    }
+    else {
+      openId.value = user.openid
+      wxInfo.value = user
+      getUserInfo()
+    }
+  }
+
+  // 获取参会用户信息
+  function getUserInfo() {
+    getUserInfoByOpenId(openId.value).then((res: any) => {
+      userInfo.value = res
+    })
+  }
+
+  // 根据手机号获取参会信息
+  // function getApplyInfoByPhone() {
+
+  // }
+
+  // 根据openid获取参会信息
+  function getApplyUserInfo(miceLink) {
+    return new Promise((resolve, reject) => {
+      getApplyInfoByOpenId({ openId: openId.value, miceLink }).then((res: any) => {
+        applyInfo.value = res.backstageApply
+        resolve(res.backstageApply)
+      }).catch((err) => {
+        reject(err)
+      })
+    })
+  }
+
+  return {
+    wxInfo,
+    openId,
+    userInfo,
+    getOpenId,
+    getApplyUserInfo,
+  }
+})
+
+export default useUserStore

src/typed-router.d.ts

@@ -1,145 +0,0 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// Generated by unplugin-vue-router. ‼️ DO NOT MODIFY THIS FILE ‼️
-// It's recommended to commit this file.
-// Make sure to add this file to your tsconfig.json file as an "includes" or "files" entry.
-
-/// <reference types="unplugin-vue-router/client" />
-
-import type {
-  // type safe route locations
-  RouteLocationTypedList,
-  RouteLocationResolvedTypedList,
-  RouteLocationNormalizedTypedList,
-  RouteLocationNormalizedLoadedTypedList,
-  RouteLocationAsString,
-  RouteLocationAsRelativeTypedList,
-  RouteLocationAsPathTypedList,
-
-  // helper types
-  // route definitions
-  RouteRecordInfo,
-  ParamValue,
-  ParamValueOneOrMore,
-  ParamValueZeroOrMore,
-  ParamValueZeroOrOne,
-
-  // vue-router extensions
-  _RouterTyped,
-  RouterLinkTyped,
-  RouterLinkPropsTyped,
-  NavigationGuard,
-  UseLinkFnTyped,
-
-  // data fetching
-  _DataLoader,
-  _DefineLoaderOptions,
-} from 'unplugin-vue-router/types'
-
-declare module 'vue-router/auto/routes' {
-  export interface RouteNamedMap {
-  export interface RouteNamedMap {
-    '//': RouteRecordInfo<'//', '/', Record<never, never>, Record<never, never>>,
-  }  '/signUp/': RouteRecordInfo<'/signUp/', '/signUp', Record<never, never>, Record<never, never>>,
-    '/signUp/components/FormItem': RouteRecordInfo<'/signUp/components/FormItem', '/signUp/components/FormItem', Record<never, never>, Record<never, never>>,
-    '/signUp/components/SignForm': RouteRecordInfo<'/signUp/components/SignForm', '/signUp/components/SignForm', Record<never, never>, Record<never, never>>,
-  }
-}
-
-declare module 'vue-router/auto' {
-  import type { RouteNamedMap } from 'vue-router/auto/routes'
-
-  export type RouterTyped = _RouterTyped<RouteNamedMap>
-
-  /**
-   * Type safe version of `RouteLocationNormalized` (the type of `to` and `from` in navigation guards).
-   * Allows passing the name of the route to be passed as a generic.
-   */
-  export type RouteLocationNormalized<Name extends keyof RouteNamedMap = keyof RouteNamedMap> = RouteLocationNormalizedTypedList<RouteNamedMap>[Name]
-
-  /**
-   * Type safe version of `RouteLocationNormalizedLoaded` (the return type of `useRoute()`).
-   * Allows passing the name of the route to be passed as a generic.
-   */
-  export type RouteLocationNormalizedLoaded<Name extends keyof RouteNamedMap = keyof RouteNamedMap> = RouteLocationNormalizedLoadedTypedList<RouteNamedMap>[Name]
-
-  /**
-   * Type safe version of `RouteLocationResolved` (the returned route of `router.resolve()`).
-   * Allows passing the name of the route to be passed as a generic.
-   */
-  export type RouteLocationResolved<Name extends keyof RouteNamedMap = keyof RouteNamedMap> = RouteLocationResolvedTypedList<RouteNamedMap>[Name]
-
-  /**
-   * Type safe version of `RouteLocation` . Allows passing the name of the route to be passed as a generic.
-   */
-  export type RouteLocation<Name extends keyof RouteNamedMap = keyof RouteNamedMap> = RouteLocationTypedList<RouteNamedMap>[Name]
-
-  /**
-   * Type safe version of `RouteLocationRaw` . Allows passing the name of the route to be passed as a generic.
-   */
-  export type RouteLocationRaw<Name extends keyof RouteNamedMap = keyof RouteNamedMap> =
-    | RouteLocationAsString<RouteNamedMap>
-    | RouteLocationAsRelativeTypedList<RouteNamedMap>[Name]
-    | RouteLocationAsPathTypedList<RouteNamedMap>[Name]
-
-  /**
-   * Generate a type safe params for a route location. Requires the name of the route to be passed as a generic.
-   */
-  export type RouteParams<Name extends keyof RouteNamedMap> = RouteNamedMap[Name]['params']
-  /**
-   * Generate a type safe raw params for a route location. Requires the name of the route to be passed as a generic.
-   */
-  export type RouteParamsRaw<Name extends keyof RouteNamedMap> = RouteNamedMap[Name]['paramsRaw']
-
-  export function useRouter(): RouterTyped
-  export function useRoute<Name extends keyof RouteNamedMap = keyof RouteNamedMap>(name?: Name): RouteLocationNormalizedLoadedTypedList<RouteNamedMap>[Name]
-
-  export const useLink: UseLinkFnTyped<RouteNamedMap>
-
-  export function onBeforeRouteLeave(guard: NavigationGuard<RouteNamedMap>): void
-  export function onBeforeRouteUpdate(guard: NavigationGuard<RouteNamedMap>): void
-
-  export const RouterLink: RouterLinkTyped<RouteNamedMap>
-  export const RouterLinkProps: RouterLinkPropsTyped<RouteNamedMap>
-
-  // Experimental Data Fetching
-
-  export function defineLoader<
-    P extends Promise<any>,
-    Name extends keyof RouteNamedMap = keyof RouteNamedMap,
-    isLazy extends boolean = false,
-  >(
-    name: Name,
-    loader: (route: RouteLocationNormalizedLoaded<Name>) => P,
-    options?: _DefineLoaderOptions<isLazy>,
-  ): _DataLoader<Awaited<P>, isLazy>
-  export function defineLoader<
-    P extends Promise<any>,
-    isLazy extends boolean = false,
-  >(
-    loader: (route: RouteLocationNormalizedLoaded) => P,
-    options?: _DefineLoaderOptions<isLazy>,
-  ): _DataLoader<Awaited<P>, isLazy>
-
-  export {
-    _definePage as definePage,
-    _HasDataLoaderMeta as HasDataLoaderMeta,
-    _setupDataFetchingGuard as setupDataFetchingGuard,
-    _stopDataFetchingScope as stopDataFetchingScope,
-  } from 'unplugin-vue-router/runtime'
-}
-
-declare module 'vue-router' {
-  import type { RouteNamedMap } from 'vue-router/auto/routes'
-
-  export interface TypesConfig {
-    beforeRouteUpdate: NavigationGuard<RouteNamedMap>
-    beforeRouteLeave: NavigationGuard<RouteNamedMap>
-
-    $route: RouteLocationNormalizedLoadedTypedList<RouteNamedMap>[keyof RouteNamedMap]
-    $router: _RouterTyped<RouteNamedMap>
-
-    RouterLink: RouterLinkTyped<RouteNamedMap>
-  }
-}

src/views/index/index.vue

@@ -12,9 +12,9 @@ const miceInfoStore = useMiceStore()
 <template>
   <div>
     <img
-      class="w-full"
+      class="h-200 w-full"
       fit="contain"
-      src="https://sn202108-1305501521.cos.ap-shanghai.myqcloud.com/202401162355044675902.jpg"
+      :src="miceInfoStore.miceInfo.posters"
     >
     <!-- 会议标题 -->
     <div class="van-hairline--bottom my-0 px-10 py-5 font-bold">
@@ -28,29 +28,34 @@ const miceInfoStore = useMiceStore()
         <van-tag plain type="primary">
           报名
         </van-tag>
-        <span>2024-01-16 23:55:04</span>
+        <span v-if="miceInfoStore.miceInfo.regStartTime">{{ miceInfoStore.miceInfo.regStartTime.substr(0, 16) }} - {{ miceInfoStore.miceInfo.registerDeadline.substr(0, 16) }}</span>
       </div>
       <div class="mice-info-item">
         <van-icon name="clock-o" />
         <van-tag plain type="primary">
           活动
         </van-tag>
-        <span>2024-01-16 23:55:04</span>
+        <span v-if="miceInfoStore.miceInfo.startTime">{{ miceInfoStore.miceInfo.startTime.substr(0, 16) }} - {{ miceInfoStore.miceInfo.endTime.substr(0, 16) }}</span>
       </div>
       <div class="mice-info-item">
         <van-icon name="location-o" />
-        <span>上海xxx</span>
+        <span v-if="miceInfoStore.miceInfo.address">
+          {{ JSON.parse(miceInfoStore.miceInfo.address).place }}
+        </span>
       </div>
-      <div class="mice-info-item">
+      <div v-if="miceInfoStore.miceInfo.phone" class="mice-info-item">
         <van-icon name="phone-o" />
-        <span>12345678901</span>
+        <div>{{ JSON.parse(miceInfoStore.miceInfo.phone)[0].phone }}</div>
       </div>
+      <!-- <div class="phone-list" style="text-indent: 22px;">
+        12345678901
+      </div> -->
     </div>
 
     <!-- 报名人数 -->
-    <div class="sign-num van-hairline--bottom p-10 text-2xl">
+    <div class="van-hairline--bottom sign-num p-10 text-2xl">
       <span>已报名</span>
-      <span>10人</span>
+      <span>{{ miceInfoStore.miceInfo.applyCount || 0 }}人</span>
     </div>
 
     <!-- 空白 -->
@@ -61,16 +66,16 @@ const miceInfoStore = useMiceStore()
       <div class="van-hairline--bottom p-10 font-semibold">
         会议简介
       </div>
-      <div class="p-10" v-html="miceInfoStore.miceInfo.description" />
+      <div class="inner-html p-10" v-html="miceInfoStore.miceInfo.description" />
     </div>
 
     <!-- 底部操作栏 -->
     <div class="bottom-actions">
-      <div class="bottom-item">
+      <div class="bottom-item bg-white" @click="$router.push(`/user/${miceInfoStore.miceInfo.linkName}`)">
         <van-icon name="user-o" />
         <span>个人中心</span>
       </div>
-      <div class="sign">
+      <div class="sign" @click="$router.push(`/signUp/${miceInfoStore.miceInfo.linkName}`)">
         立即报名
       </div>
     </div>
@@ -126,4 +131,12 @@ const miceInfoStore = useMiceStore()
     font-weight: 600;
   }
 }
+
+.inner-html {
+  padding-bottom: 60px;
+  :deep(img) {
+    width: 100%;
+  }
+
+}
 </style>

src/views/signUp/components/SignForm.vue

@@ -3,18 +3,19 @@ import type { PropType } from 'vue'
 import { showToast } from 'vant'
 import FormItem from './FormItem.vue'
 import { getSignUpFormConfig, signUp, smsSend } from '@/api/mice'
+import useUserStore from '@/stores/modules/user'
 
 const form = defineModel({
   type: Object as PropType<any>,
   required: true,
 })
+const userStore = useUserStore()
+const miceLink = getUrlMiceLink()
 
 // 表单配置项
 const formConfigs = ref<any[]>([])
 
 onMounted(() => {
-  const miceLink = getUrlMiceLink()
-  form.value.miceLink = miceLink
   getSignUpFormConfig({ miceLink }).then((res: any) => {
     formConfigs.value = res
   })
@@ -22,8 +23,10 @@ onMounted(() => {
 
 // 提交注册报名
 function onSubmit() {
-  signUp(form.value).then((res: any) => {
-    console.log(res)
+  form.value.miceLink = miceLink
+  form.value.openId = userStore.openId
+  signUp(form.value).then(() => {
+    // console.log(res)
   })
 }
 
@@ -32,8 +35,8 @@ async function sendSmsHandler() {
   if (!form.value.phone || !/^(?:(?:\+|00)86)?1[3-9]\d{9}$/.test(form.value.phone)) {
     return showToast('请输入正确的手机号')
   }
-  const res = await smsSend(form.value.phone)
-  console.log(res)
+  await smsSend(form.value.phone)
+  // console.log(res)
 }
 </script>
 

src/views/signUp/index.vue

@@ -1,8 +1,35 @@
 <script setup lang="ts" name="SignUp">
+import { openidIsApply } from '@/api/weixin'
+import useUserStore from '@/stores/modules/user'
 import SignForm from '@/views/signUp/components/SignForm.vue'
 
+const userStore = useUserStore()
+
+const router = useRouter()
+
 const formConfigs = ref<any[]>([])
 const form = ref({})
+const userIsApply = ref(false)
+
+// 验证用户是否已经报名
+function checkIsApply() {
+  const miceLink = getUrlMiceLink()
+  openidIsApply({ openId: userStore.wxInfo.openid, miceLink }).then((res: any) => {
+    userIsApply.value = res
+
+    if (res) {
+      router.replace(`/user/${miceLink}`)
+    }
+  })
+}
+
+onMounted(() => {
+  if (!userStore.openId) {
+    userStore.getOpenId()
+  }
+
+  checkIsApply()
+})
 </script>
 
 <template>

src/views/user/index.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import useUserStore from '@/stores/modules/user'
+
+const userStore = useUserStore()
+
+const userApplyInfo = ref<any>({})
+
+onMounted(() => {
+  userStore.getApplyUserInfo(getUrlMiceLink()).then((res) => {
+    userApplyInfo.value = res
+  })
+})
+</script>
+
+<template>
+  <div>
+    个人中心
+    {{ userApplyInfo }}
+  </div>
+</template>

uno.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig, presetAttributify, presetMini, presetUno } from 'unocss'
+import { defineConfig, presetAttributify, presetUno } from 'unocss'
 import presetRemToPx from '@unocss/preset-rem-to-px'
 
 // 刚使用unocss的朋友，可以借助这个工具： https://to-unocss.netlify.app

vite.config.ts

@@ -20,6 +20,7 @@ export default ({ mode }: ConfigEnv): UserConfig => {
       proxy: {
         '/api': {
           // 接口请求地址
+          // target: 'http://localhost:8888/api',
           target: 'https://jihui.huiyipro.com/api',
           changeOrigin: true,
           rewrite: path => path.replace(/^\/api/, ''),