✨添加中间件，相关页面进入就获取用户信息

middleware/user.js

@@ -0,0 +1,17 @@
+/*
+ * @Description: 获取用户信息更新
+ * @Author: 欧阳承珺
+ * @LastEditors: 欧阳承珺
+ * @Date: 2022-11-08 09:15:06
+ * @LastEditTime: 2022-11-08 09:42:08
+ */
+export default function({store, app: {$axios}}) {
+  if(store.state.token !== '') {
+    $axios.get('members/getMemberInfo').then((res)=> {
+      if(res.code === 200) {
+        store.commit('setUser',res.result)
+        localStorage.setItem('userInfo',JSON.stringify(res.result))
+      }
+    })
+  }
+}

pages/converter.vue

@@ -3,11 +3,12 @@
  * @Author: 欧阳承珺
  * @LastEditors: 欧阳承珺
  * @Date: 2022-10-19 17:25:48
- * @LastEditTime: 2022-10-31 17:58:58
+ * @LastEditTime: 2022-11-08 09:28:05
 -->
 <script>
 import { mapState } from 'vuex'
 export default {
+  middleware: 'user',
   computed: mapState([
     'userInfo'
   ])

pages/index.vue

@@ -1,14 +1,25 @@
-<script lang="ts" setup>
-import { ref } from 'vue'
-const indexActive = ref(1)
-const carousel = ref()
-// elementui走马灯组件bug：item只有两个时变换的方向有问题
-// fix：多增加一份item，自定义轮播点
-const handlerCarouselChange = (cur:number)=> {
-  if(cur === 1 || cur === 3) {
-    indexActive.value = 2
-  }else {
-    indexActive.value = 1
+<script>
+export default {
+  middleware: 'user',
+  data() {
+    return {
+      indexActive: 1
+    }
+  },
+  methods: {
+    // elementui走马灯组件bug：item只有两个时变换的方向有问题
+    // fix：多增加一份item，自定义轮播点
+    handlerCarouselChange (cur) {
+      if(cur === 1 || cur === 3) {
+        this.indexActive = 2
+      }else {
+        this.indexActive = 1
+      }
+    },
+    openInterface (){
+      this.$store.commit('OPEN_LOGIN', true)
+      this.$store.commit('SET_INTERFACE', 'register')
+    } 
   }
 }
 </script>
@@ -242,7 +253,7 @@ const handlerCarouselChange = (cur:number)=> {
     <div class="free_signup">
       <p>开启17PDF Reader高效办公学习旅程</p>
       <span>现在注册即送10张格式转换券！</span>
-      <a>立即注册</a>
+      <a class="cursor-pointer" @click="openInterface">立即注册</a>
 	  </div>
   </div>
 </template>

pages/members/me/expenses.vue

@@ -3,7 +3,7 @@
  * @Author: 欧阳承珺
  * @LastEditors: 欧阳承珺
  * @Date: 2022-11-01 19:27:42
- * @LastEditTime: 2022-11-07 17:17:09
+ * @LastEditTime: 2022-11-08 09:44:09
 -->
 <template>
   <div>
@@ -51,7 +51,7 @@
 import { mapState } from 'vuex' 
 export default {
   layout: 'userCenter',
-  middleware: 'auth',
+  middleware: ['auth','user'],
   data() {
     return {
       tableData:[]

pages/members/me/points.vue

@@ -3,7 +3,7 @@
  * @Author: 欧阳承珺
  * @LastEditors: 欧阳承珺
  * @Date: 2022-11-02 10:18:11
- * @LastEditTime: 2022-11-07 17:17:13
+ * @LastEditTime: 2022-11-08 09:44:32
 -->
 <template>
   <div>
@@ -29,7 +29,7 @@
 <script>
 export default {
   layout: 'userCenter',
-  middleware: 'auth',
+  middleware: ['auth','user'],
   data() {
     return {
       tableData:[]