chore:增加权限控制

src/main.ts

@@ -10,6 +10,7 @@ import AppContainer from '@/components/base/AppContainer.vue'
 import Avatar from '@/components/Avatar.vue'
 
 import modules from './modules'
+import { useUserStore } from '@/stores/user'
 
 const app = createApp(App)
 // 注册公共组件
@@ -22,3 +23,6 @@ app.use(router)
 app.use(Vant)
 
 app.mount('#app')
+
+// 初始化用户信息，判断是否登录
+useUserStore().getUser()

src/modules/course/components/ChapterItem.vue

@@ -21,6 +21,7 @@ const dataset = reactive<Info>({ loading: false, page: 1, total: 0, list: [] })
 const showChapterRecord = () => {
   chapterVisible.value = true
   dataset.page = 1
+  dataset.list = []
   getChapterRecord()
 }
 

src/modules/course/index.ts

@@ -8,7 +8,7 @@ export const routes: Array<RouteRecordRaw> = [
     children: [
       { path: '', component: () => import('./views/Index.vue') },
       { name: 'courseView', path: 'view/:id', component: () => import('./views/View.vue'), props: true },
-      { path: 'publish', component: () => import('./views/Publish.vue') }
+      { path: 'publish', component: () => import('./views/Publish.vue'), meta: { requireLogin: true } }
     ]
   }
 ]

src/modules/my/index.ts

@@ -5,6 +5,7 @@ export const routes: Array<RouteRecordRaw> = [
   {
     path: '/my',
     component: AppLayout,
+    meta: { requireLogin: true },
     children: [{ path: '', component: () => import('./views/Index.vue') }]
   }
 ]

src/modules/my/views/Index.vue

 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
 import { getMyInfo } from '../api'
-
+import { logout } from '@/api/base'
 const info = ref()
 const teamInfo = ref()
 const fetchMyInfo = () => {
@@ -50,6 +50,13 @@ const menus: Array<{
     icon: 'https://webapp-pub.ezijing.com/project/prp-h5/my_menu_6.png'
   }
 ]
+
+// 退出登录
+const onLogout = () => {
+  logout().then(() => {
+    window.location.href = '/'
+  })
+}
 </script>
 <template>
   <div class="my" v-if="info">
@@ -79,7 +86,7 @@ const menus: Array<{
         </ul>
       </nav>
     </div>
-    <div class="logout">退出登录</div>
+    <div class="logout" @click="onLogout">退出登录</div>
   </div>
 </template>
 

src/modules/qa/index.ts

@@ -7,7 +7,7 @@ export const routes: Array<RouteRecordRaw> = [
     component: AppLayout,
     children: [
       { path: '', component: () => import('./views/Index.vue') },
-      { path: 'publish', component: () => import('./views/Publish.vue') }
+      { path: 'publish', component: () => import('./views/Publish.vue'), meta: { requireLogin: true } }
     ]
   }
 ]

src/router/index.ts

 import { createRouter, createWebHistory } from 'vue-router'
-// import { useUserStore } from '@/stores/user'
+import { useUserStore } from '@/stores/user'
 
 const router = createRouter({
   history: createWebHistory(),
   routes: [{ path: '/:pathMatch(.*)*', redirect: '/' }]
 })
 
-// router.beforeEach((to, from, next) => {
-//   const user = useUserStore()
-//   user.getUser()
-//   next()
-// })
+router.beforeEach(async (to, from, next) => {
+  const user = useUserStore()
+  if (to.meta.requireLogin && !user.isLogin) {
+    location.href = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(location.href)}`
+  }
+  next()
+})
 
 export default router