tj

RuoYi-App/App.vue

 import { getToken } from '@/utils/auth'
 
 export default {
+	mounted() {
+    // 确保方法名称正确
+    this.checkRouteAuth();
+	},
   name: 'App',
   provide() {
     return {
     }
   },
   methods: {
+	      checkRouteAuth() {
+	        const noAuthPaths = ['/', '/home', '/novel'];
+	        if (!noAuthPaths.includes(this.$route.path)) {
+	          // 需要登录的路径处理
+	        }
+	      },
       reload() {
       this.isRouterAlive = false
       this.$nextTick(() => {
       }
     }
   },
-    mounted() {
-      this.checkInitialRoute();
-    },
+
   watch: {
     '$route.path': {
       immediate: true,

RuoYi-App/pages/login.vue

       //   this.$tab.navigateTo(`/pages/common/webview/index?title=${site.title}&url=${site.url}`)
       // },
       // 获取图形验证码
-      getCode() {
-        getCodeImg().then(res => {
-          this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled
-          if (this.captchaEnabled) {
-            this.codeUrl = 'data:image/gif;base64,' + res.img
-            this.loginForm.uuid = res.uuid
-          }
-        })
-      },
+      // getCode() {
+      //   getCodeImg().then(res => {
+      //     this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled
+      //     if (this.captchaEnabled) {
+      //       this.codeUrl = 'data:image/gif;base64,' + res.img
+      //       this.loginForm.uuid = res.uuid
+      //     }
+      //   })
+      // },
+	  // 获取验证码
+	  getCode() {
+	    this.$axios.get('/captchaImage').then(res => {
+	      this.codeUrl = 'data:image/png;base64,' + res.data.img;
+	      this.loginForm.uuid = res.data.uuid;
+	    }).catch(() => {
+	      this.$message.error("验证码获取失败");
+	    });
+	  },
       // 登录方法
       async handleLogin() {
         if (this.loginForm.username === "") {

RuoYi-App/router/index.js

     path: '/pages/book/list',
     name: 'BookList',
     component: () => import('@/pages/book/list')
+  },
+  {
+    path: '/bookshelf',
+    component: () => import('@/views/bookshelf'),
+    meta: { requiresAuth: true } // 需要登录
+  },
+  {
+    path: '/mine',
+    component: () => import('@/views/mine'),
+    meta: { requiresAuth: true } // 需要登录
+  },
+  {
+    path: '/',
+    component: () => import('@/views/home'),
+    meta: { requiresAuth: false } // 不需要登录
   }
 ]