代码优化

src/pages/index.vue

@@ -33,12 +33,13 @@ const handleLogin = () => {
       icon: "none",
     });
   }
-  // console.log("getUsername", store.getUsername);
-  uni.getUserProfile({
-    desc: "用于完善用户资料",
+
+  // 先调用wx.getUserProfile获取用户信息
+  wx.getUserProfile({
+    desc: "用于完善用户资料", // 声明获取用户个人信息后的用途
     success: (res) => {
       const { nickName, avatarUrl } = res.userInfo;
-      // 获取登录凭证
+      // 再获取登录凭证
       uni.login({
         provider: "weixin",
         success: async (loginRes) => {
@@ -59,17 +60,14 @@ const handleLogin = () => {
     },
     fail: (err) => {
       console.log("获取用户信息失败：", err);
+      uni.showToast({
+        title: "获取用户信息失败",
+        icon: "none",
+      });
     },
   });
 };
 
-const isLogin = () => {
-  if (!user.value.id) {
-    showModal.value = true;
-  }
-  return !!user.value.id;
-};
-
 const toPage = (path) => {
   if (!user.value.id) {
     showModal.value = true;
@@ -106,7 +104,7 @@ onMounted(async () => {
     </block>
     <block v-else>
       <view
-        @click="toLoginPage"
+        @click="() => (showModal = true)"
         :style="{ marginTop: '20px', paddingLeft: '10px' }"
       >
         <text>微信登录</text>