添加单点登录校验

src/App.vue

@@ -2,43 +2,35 @@
  * @Author: zy1125 1515706227@qq.com
  * @Date: 2023-10-18 10:46:30
  * @LastEditors: zy1125 1515706227@qq.com
- * @LastEditTime: 2023-12-20 18:51:36
+ * @LastEditTime: 2023-12-22 14:46:51
  * @FilePath: \v3_yyz\src\App.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 
 <template >
-      <router-view />
+    <router-view />
     <!-- <UeVideo /> -->
 </template>
 <script >
-import { ref,onBeforeMount } from "vue";
+import { ref, onBeforeMount } from "vue";
 import { useRouter } from 'vue-router'
 
+
+
 // import login from '/''
 export default ({
     setup() {
-         //首先在setup中定义
+        //首先在setup中定义
         const router = useRouter()
 
-    
-
-
-        onBeforeMount(() => {
-
-            let urlA = location.href.indexOf('ticket')
-            if (urlA==-1) {
-                router.push('/login')
-            }
-
-        })
+     
 
         return {
-           
+
         }
     }
 })
-    
+
 
 
 

src/request/api.js

@@ -1,3 +1,11 @@
+/*
+ * @Author: zy1125 1515706227@qq.com
+ * @Date: 2023-10-18 10:46:30
+ * @LastEditors: zy1125 1515706227@qq.com
+ * @LastEditTime: 2023-12-22 14:06:54
+ * @FilePath: \v3_yyz\src\request\api.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 
 import { service, post } from './http'
 
@@ -20,3 +28,9 @@ export const getvideo = (data) => service.post("/camera/getUrl",data)
 export const getClassDetail = (deviceCode) => service.get(`/wisdomClass/deviceDetail/${deviceCode}`)
 
 export const getVideoUrl = (data) => service.post(`/camera/getUrl`, data)
+
+//单点登录ticket校验
+export const getvalidateLogin = (params) => service.get(`/wisdomClass/validateLogin`, {params})
+
+
+

src/router/index.js

@@ -1,19 +1,20 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import Home from '../components/UeVideo.vue'
 import Login from '../components/Login.vue'
+import { getvalidateLogin } from '../request/api'
 
 const routes = [
- 
-    {
-        path: '/',
-        name: 'Home',
-        component: Home
-    },
-    {
-      path: '/login',
-      name: 'Login',
-      component: Login
-    }
+
+  {
+    path: '/',
+    name: 'Home',
+    component: Home
+  },
+  {
+    path: '/login',
+    name: 'Login',
+    component: Login
+  }
 ]
 
 const router = createRouter({
@@ -22,13 +23,30 @@ const router = createRouter({
 })
 
 
-router.beforeEach(function(to, from, next) {
+router.beforeEach(function (to, from, next) {
 
   let urlA = location.href.indexOf('ticket')
-  if (urlA==-1) {
-      if (to.path == '/') {
-          return next('/login')
+  if (urlA == -1) {
+    if (to.path == '/') {
+      return next('/login')
+    }
+  } else {
+    const url = window.location.href;
+    const paramStr = url.split("?")[1].split("#")[0];
+    console.log('sadasd' ,paramStr);
+    let query = {
+      casLoginUrl: "https://cas.huanghuai.edu.cn/cas/serviceValidate?ticket=" + paramStr + '&service=weizhi.huanghuai.edu.cn/xyyzioc/#/'
+    }
+    console.log('aslddddd',query);
+    getvalidateLogin(query).then(res => {
+      console.log('yzzzzzzz',res);
+
+      if (res.code == -1) {
+        window.location.href='https://weizhi.huanghuai.edu.cn/xyyzioc/#/login'
       }
+
+    })
+
   }
   next()
 })