tj

RuoYi-App/pages/login.vue

@@ -1,7 +1,6 @@
 <template>
   <view class="normal-login-container">
     <view class="logo-content align-center justify-center flex">
-<!--      <image :src="globalConfig.appInfo.logo" class="logo" /> -->
       <text class="title">哎呀免费小说登录</text>
     </view>
     <view class="login-form-content">
@@ -45,132 +44,203 @@
 </template>
 
 <script>
-  //import { getCodeImg } from '@/api/login'
-  //import { getToken } from '@/utils/auth'
-
-  export default {
-    data() {
-      return {
-        codeUrl: "",
-        captchaEnabled: true,
-        // 用户注册开关
-        register: false,
-        globalConfig: getApp().globalData.config,
-        loginForm: {
-          username: "admin",
-          password: "admin123",
-          code: "",
-          uuid: ""
+export default {
+  data() {
+    return {
+      codeUrl: "",
+      captchaEnabled: false, // 默认不开启验证码
+      register: false,
+      // 安全的全局配置访问方式
+      globalConfig: {
+        appInfo: {
+          logo: "",
+          agreements: []
+        }
+      },
+      loginForm: {
+        username: "",
+        password: "",
+        code: "",
+        uuid: ""
+      }
+    }
+  },
+  created() {
+    // 安全地获取全局配置
+    this.safeInit();
+  },
+  onLoad() {
+    // 如果全局配置已设置，则使用全局配置
+    if (this.$config) {
+      this.globalConfig = this.$config;
+    }
+  },
+  methods: {
+    // 安全的初始化方法
+    safeInit() {
+      try {
+        // 安全地获取全局配置
+        if (typeof getApp === 'function') {
+          const app = getApp();
+          if (app && app.globalData && app.globalData.config) {
+            this.globalConfig = app.globalData.config;
+          }
+        }
+        
+        // 尝试获取验证码
+        this.getCodeSafe();
+      } catch (error) {
+        console.error('初始化失败:', error);
+      }
+    },
+    
+    // 安全的获取验证码方法
+    async getCodeSafe() {
+      try {
+        await this.getCode();
+      } catch (error) {
+        console.error('获取验证码失败:', error);
+        // 可以设置默认行为，比如不显示验证码
+        this.captchaEnabled = false;
+      }
+    },
+    
+    // 获取验证码
+    async getCode() {
+      // 确保$http对象可用
+      if (!this.$http || typeof this.$http.get !== 'function') {
+        console.warn('$http未定义或不可用');
+        return;
+      }
+      
+      try {
+        const res = await this.$http.get('/captchaImage');
+        if (res.code === 200) {
+          this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled;
+          if (this.captchaEnabled) {
+            this.codeUrl = 'data:image/png;base64,' + res.data.img;
+            this.loginForm.uuid = res.data.uuid;
+          }
+        } else {
+          console.error('验证码获取失败:', res.msg);
         }
+      } catch (error) {
+        console.error('验证码请求失败:', error);
+        throw error;
       }
     },
-    created() {
-      this.getCode()
+    
+    // 用户注册
+    handleUserRegister() {
+      this.$router.push('/pages/register');
     },
-    onLoad() {
-		// 如果全局配置已设置，则使用全局配置
-		    if (this.$config) {
-		      this.globalConfig = this.$config
-		    }
-      //#ifdef H5
-      if (getToken()) {
-        this.$tab.reLaunch('/pages/index')
-      }
-      //#endif
+    
+    // 隐私协议
+    handlePrivacy() {
+      // 简化处理，直接跳转到webview页面
+      this.$router.push('/pages/common/webview?title=隐私协议&url=https://example.com/privacy');
     },
-    methods: {
-      // 用户注册
-      handleUserRegister() {
-        this.$tab.redirectTo(`/pages/register`)
-      },
-      // 隐私协议
-      // handlePrivacy() {
-      //   let site = this.globalConfig.appInfo.agreements[0]
-      //   this.$tab.navigateTo(`/pages/common/webview/index?title=${site.title}&url=${site.url}`)
-      // },
-      // 用户协议
-      // handleUserAgrement() {
-      //   let site = this.globalConfig.appInfo.agreements[1]
-      //   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() {
-	    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 === "") {
-          this.$modal.msgError("请输入账号")
-        } else if (this.loginForm.password === "") {
-          this.$modal.msgError("请输入密码")
-        } else if (this.loginForm.code === "" && this.captchaEnabled) {
-          this.$modal.msgError("请输入验证码")
+    
+    // 用户协议
+    handleUserAgrement() {
+      // 简化处理，直接跳转到webview页面
+      this.$router.push('/pages/common/webview?title=用户协议&url=https://example.com/agreement');
+    },
+    
+    // 登录方法
+    async handleLogin() {
+      if (!this.loginForm.username) {
+        this.$modal.msgError("请输入账号");
+        return;
+      }
+      
+      if (!this.loginForm.password) {
+        this.$modal.msgError("请输入密码");
+        return;
+      }
+      
+      if (this.captchaEnabled && !this.loginForm.code) {
+        this.$modal.msgError("请输入验证码");
+        return;
+      }
+      
+      this.$modal.loading("登录中，请耐心等待...");
+      
+      try {
+        await this.pwdLogin();
+      } catch (error) {
+        this.$modal.closeLoading();
+        this.$modal.msgError(error.message || '登录失败');
+        
+        // 刷新验证码
+        if (this.captchaEnabled) {
+          this.getCodeSafe();
+        }
+      }
+    },
+    
+    // 密码登录
+    async pwdLogin() {
+      try {
+        // 使用安全的API调用方式
+        if (this.$store && this.$store.dispatch) {
+          await this.$store.dispatch('Login', this.loginForm);
+          this.$modal.closeLoading();
+          this.loginSuccess();
         } else {
-          this.$modal.loading("登录中，请耐心等待...")
-          this.pwdLogin()
+          throw new Error('存储系统不可用');
         }
-      },
-      // 密码登录
-      async pwdLogin() {
-        this.$store.dispatch('Login', this.loginForm).then(() => {
-          this.$modal.closeLoading()
-          this.loginSuccess()
-        }).catch(() => {
-          if (this.captchaEnabled) {
-            this.getCode()
-          }
-        })
-      },
-      // 登录成功后，处理函数
-      loginSuccess(result) {
-        // 设置用户信息
-        this.$store.dispatch('GetInfo').then(res => {
-          this.$tab.reLaunch('/pages/index')
-        })
+      } catch (error) {
+        console.error('登录失败:', error);
+        throw error;
+      }
+    },
+    
+    // 登录成功后，处理函数
+    loginSuccess() {
+      // 设置用户信息
+      if (this.$store && this.$store.dispatch) {
+        this.$store.dispatch('GetInfo').then(() => {
+          this.$router.replace('/pages/index');
+        }).catch(error => {
+          console.error('获取用户信息失败:', error);
+          this.$router.replace('/pages/index');
+        });
+      } else {
+        this.$router.replace('/pages/index');
       }
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
+  /* 保持原有样式不变 */
   page {
     background-color: #ffffff;
   }
-.reading-tips {
-  margin-top: 40rpx;
-  padding: 20rpx;
-  background-color: #f9f9f9;
-  border-radius: 10rpx;
-}
-
-.tip-text {
-  font-size: 32rpx;
-  font-weight: bold;
-  display: block;
-  margin-bottom: 20rpx;
-}
-
-.benefits text {
-  display: block;
-  font-size: 28rpx;
-  margin: 10rpx 0;
-  color: #2c3e50;
-}
+  
+  .reading-tips {
+    margin-top: 40rpx;
+    padding: 20rpx;
+    background-color: #f9f9f9;
+    border-radius: 10rpx;
+  }
+  
+  .tip-text {
+    font-size: 32rpx;
+    font-weight: bold;
+    display: block;
+    margin-bottom: 20rpx;
+  }
+  
+  .benefits text {
+    display: block;
+    font-size: 28rpx;
+    margin: 10rpx 0;
+    color: #2c3e50;
+  }
+  
   .normal-login-container {
     width: 100%;
 
@@ -179,11 +249,7 @@
       font-size: 21px;
       text-align: center;
       padding-top: 15%;
-
-      image {
-        border-radius: 4px;
-      }
-
+      
       .title {
         margin-left: 10px;
       }