🐛 add interface access permissions

src/views/Main/MainPage.vue

@@ -1,19 +1,23 @@
 <template>
   <div>
     <h1>Welcome to Main Page</h1>
-<!--    <AButton @click="handleClick">获取用户数据</AButton>-->
+    <AButton @click="handleClick">获取登录用户角色</AButton>
+    {{ data }}
   </div>
 </template>
 <script setup lang="ts">
-// import {useRequest} from "alova/client";
-// import {getUserInfo} from "@/api/user";
-//
-// const {data, send} = useRequest(getUserInfo, {
-//   immediate: false
-// });
-// const handleClick = () => {
-//   send();
-// };
+import {useRequest} from "alova/client";
+import {getUserPermissions} from "@/api/user";
+import useStore from "@/store";
+
+const {data, send} = useRequest(getUserPermissions, {
+  immediate: false
+});
+const handleClick = () => {
+  const userInfo = useStore().user;
+  const userId: string = userInfo.user.uid;
+  send(userId);
+};
 </script>
 <style scoped>