tj

RuoYi-App/App.vue

@@ -1,18 +1,28 @@
 <template>
   <div id="app">
-    <!-- 顶部菜单栏 -->
-    <div v-if="showHeader" class="app-header">
-      <router-link to="/">首页</router-link>
-      <router-link to="/pages/novel/list">小说列表</router-link>
-      <router-link to="/pages/author/apply">作者申请</router-link>
-      <router-link to="/pages/search/index">搜索</router-link>
+    <!-- 错误边界 -->
+    <div v-if="hasError" class="error-boundary">
+      <h2>应用遇到问题</h2>
+      <p>{{ errorMessage }}</p>
+      <button @click="reloadApp">重新加载</button>
     </div>
     
-    <!-- 主内容区 -->
-    <router-view v-if="isRouterAlive" />
-    
-    <!-- 使用自定义TabBar组件 -->
-    <CustomTabbar v-if="showTabBar" />
+    <!-- 正常内容 -->
+    <div v-else>
+      <!-- 顶部菜单栏 -->
+      <div v-if="showHeader" class="app-header">
+        <router-link to="/">首页</router-link>
+        <router-link to="/pages/novel/list">小说列表</router-link>
+        <router-link to="/pages/author/apply">作者申请</router-link>
+        <router-link to="/pages/search/index">搜索</router-link>
+      </div>
+      
+      <!-- 主内容区 -->
+      <router-view v-if="isRouterAlive" />
+      
+      <!-- 使用自定义TabBar组件 -->
+      <CustomTabbar v-if="showTabBar" />
+    </div>
   </div>
 </template>
 
@@ -29,11 +39,12 @@ export default {
   components: { CustomTabbar },
   data() {
     return {
-      // 确保所有属性都在这里定义
+      hasError: false,
+      errorMessage: '',
       isRouterAlive: true,
       showTabBar: false,
       showHeader: false,
-      isMounted: false, // 添加组件挂载状态标志
+      isMounted: false,
       tabBarPages: [
         '/pages/index/index',
         '/pages/novel/list',
@@ -49,19 +60,11 @@ export default {
     }
   },
   mounted() {
-	    console.log('UniApp SDK版本:', uni.getSystemInfoSync().SDKVersion);
-	    console.log('平台:', uni.getSystemInfoSync().platform);
-	    console.log('UniApp API可用性检查:');
-	    console.log('navigateTo:', typeof uni.navigateTo);
-	    console.log('redirectTo:', typeof uni.redirectTo);
-	    console.log('switchTab:', typeof uni.switchTab);
-		  // 检查页面路径是否正确
-		  this.checkPagePaths();
-    this.isMounted = true;
+    console.log('UniApp SDK版本:', uni.getSystemInfoSync().SDKVersion);
+    console.log('平台:', uni.getSystemInfoSync().platform);
     
-    // 详细的环境检查
+    this.isMounted = true;
     this.checkEnvironment();
-    
     this.checkRouteAuth();
     this.initTheme();
     this.initStoreState();
@@ -78,11 +81,19 @@ export default {
       this.logError(event.reason);
     });
   },
+  errorCaptured(err, vm, info) {
+    // 捕获子组件错误
+    console.error('Error captured:', err, info);
+    this.hasError = true;
+    this.errorMessage = err.message;
+    
+    // 阻止错误继续向上传播
+    return false;
+  },
   beforeDestroy() {
     this.isMounted = false;
   },
   watch: {
-    // 安全监听路由变化
     '$route': {
       immediate: true,
       handler(newRoute) {
@@ -312,7 +323,13 @@ export default {
         this.safeUpdateMenuVisibility();
       });
     },
-    
+        reloadApp() {
+      this.hasError = false;
+      this.isRouterAlive = false;
+      this.$nextTick(() => {
+        this.isRouterAlive = true;
+      });
+    },
     safeUpdateMenuVisibility() {
       // 确保组件已挂载且路由对象存在
       if (!this.isMounted || !this.$route || !this.$route.path) return;
@@ -387,6 +404,30 @@ export default {
 @import '@/styles/index.scss';
 
 /* 全局样式修复 */
+.error-boundary {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  text-align: center;
+  padding: 20px;
+  
+  h2 {
+    color: #f56c6c;
+    margin-bottom: 20px;
+  }
+  
+  button {
+    margin-top: 20px;
+    padding: 10px 20px;
+    background-color: #409eff;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+}
 #app {
   min-height: 100vh;
   background-color: var(--bg-color);
@@ -449,4 +490,4 @@ uni-tabbar .uni-tabbar {
     }
   }
 }
-</style>
+</style>

RuoYi-App/pages/novel/list.vue

@@ -238,6 +238,7 @@ useVueRouterFallback(url) {
   }
 },
 // 在 list.vue 中修改 openNovel 方法
+// 在 list.vue 中修改 openNovel 方法
 openNovel(novel) {
   try {
     console.log('准备打开小说:', novel);
@@ -254,19 +255,12 @@ openNovel(novel) {
     
     console.log('跳转到阅读页面，小说ID:', novelId);
     
-    // 使用uni-app的标准导航方式
-    uni.navigateTo({
-      url: `/pages/novel/reader?novelId=${novelId}&chapterId=1`,
-      success: (res) => {
-        console.log('导航成功', res);
-      },
-      fail: (err) => {
-        console.error('导航失败', err);
-        // 备用导航方案
-        this.$router.push({
-          path: '/pages/novel/reader',
-          query: { novelId: novelId, chapterId: 1 }
-        });
+    // 使用若依框架的标准导航方式
+    this.$router.push({
+      path: '/pages/novel/reader',
+      query: { 
+        novelId: novelId,
+        chapterId: 1
       }
     });
   } catch (error) {

RuoYi-App/pages/novel/reader.vue

@@ -93,7 +93,6 @@
   </view>
 </template>
 
-
 <script>
 export default {
   data() {
@@ -102,7 +101,7 @@ export default {
       chapterId: '',
       novelTitle: '加载中...',
       chapterTitle: '加载中...',
-      content: '正在加载内容...', // 直接存储解码后的内容
+      content: '正在加载内容...',
       currentChapter: 1,
       totalChapters: 0,
       progress: 0,
@@ -130,28 +129,6 @@ export default {
       chapterList: []
     }
   },
-    // 添加所有生命周期钩子进行调试
-  beforeCreate() {
-    console.log('reader beforeCreate');
-  },
-    created() {
-    console.log('reader created');
-  },
-    beforeMount() {
-    console.log('reader beforeMount');
-  },
-    mounted() {
-    console.log('reader mounted');
-  },
-    onReady() {
-    console.log('reader onReady');
-  },
-    onHide() {
-    console.log('reader onHide');
-  },
-  onUnload() {
-    console.log('reader onUnload');
-  },
   onLoad(options) {
     console.log('阅读器页面加载，参数:', options);
     
@@ -159,6 +136,8 @@ export default {
     this.novelId = options.novelId || '';
     this.chapterId = options.chapterId || '1';
     
+    console.log('novelId:', this.novelId, 'chapterId:', this.chapterId);
+    
     if (!this.novelId) {
       console.error('小说ID参数缺失');
       this.error = '小说ID参数缺失';
@@ -178,144 +157,98 @@ export default {
     this.loadChapterContent();
   },
   onShow() {
+    console.log('reader onShow');
+    
     // 确保页面显示时也能处理参数
     const pages = getCurrentPages();
     const currentPage = pages[pages.length - 1];
     if (currentPage && currentPage.options) {
       const options = currentPage.options;
-      if (options.novelId && !this.novelId) {
+      console.log('当前页面参数:', options);
+      
+      if (options.novelId && (!this.novelId || this.novelId !== options.novelId)) {
         this.novelId = options.novelId;
         this.chapterId = options.chapterId || '1';
         this.loadChapterContent();
       }
     }
   },
+  // 添加所有生命周期钩子进行调试
+  beforeCreate() {
+    console.log('reader beforeCreate');
+  },
+  created() {
+    console.log('reader created');
+  },
+  beforeMount() {
+    console.log('reader beforeMount');
+  },
+  mounted() {
+    console.log('reader mounted');
+  },
+  onReady() {
+    console.log('reader onReady');
+  },
+  onHide() {
+    console.log('reader onHide');
+  },
+  onUnload() {
+    console.log('reader onUnload');
+  },
   methods: {
     async loadChapterContent() {
+      console.log('开始加载章节内容');
+      
       this.loading = true;
       this.error = null;
       
       try {
         console.log('开始请求章节内容，章节ID:', this.chapterId);
         
-        // 使用若依框架的API调用方式
-        const res = await this.$http.get(`/novel/chapter/${this.chapterId}`);
-        console.log('章节内容响应:', res);
-        
-        if (res.code === 200) {
-          this.novelTitle = res.data.novelTitle || '未知小说';
-          this.chapterTitle = res.data.chapterTitle || '未知章节';
-          
-          // 后台已经解码Base64，直接使用内容
-          this.content = res.data.content || '';
-          
-          // 设置章节信息
-          this.currentChapter = res.data.chapterIndex || 1;
-          this.totalChapters = res.data.totalChapters || 0;
-          
-          uni.showToast({
-            title: '加载成功',
-            icon: 'success',
-            duration: 1500
-          });
-        } else {
-          console.error('API返回错误状态码:', res.code);
-          this.error = '加载失败: ' + (res.msg || '未知错误');
-          uni.showToast({
-            title: res.msg || '加载失败',
-            icon: 'none'
-          });
-        }
-      } catch (error) {
-        console.error('加载章节内容失败:', error);
-        this.error = '加载失败，请检查网络连接';
-        uni.showToast({
-          title: '加载失败，请检查网络连接',
-          icon: 'none'
-        });
-      } finally {
-        this.loading = false;
-        uni.hideLoading();
-      }
-    },
-    
-    calculateProgress() {
-      // 简化进度计算
-      this.progress = Math.min(100, Math.round((this.lastScrollPosition / 1000) * 100));
-    },
-    
-    goBack() {
-      uni.navigateBack();
-    },
-    
-    prevChapter() {
-      if (this.currentChapter > 1) {
-        this.chapterId = parseInt(this.chapterId) - 1;
-        this.loadChapterContent();
-      } else {
-        uni.showToast({ title: '已经是第一章了', icon: 'none' });
-      }
-    },
-    
-    nextChapter() {
-      if (this.currentChapter < this.totalChapters) {
-        this.chapterId = parseInt(this.chapterId) + 1;
-        this.loadChapterContent();
-      } else {
-        uni.showToast({ title: '已经是最后一章了', icon: 'none' });
-      }
-    },
-    
-    selectChapter(chapterId) {
-      this.chapterId = chapterId;
-      this.showCatalogPanel = false;
-      this.loadChapterContent();
-    },
-    
-    showMenu() {
-      this.showHeader = !this.showHeader;
-      this.showFooter = !this.showFooter;
-    },
-    
-    showCatalog() {
-      this.showCatalogPanel = true;
-    },
-    
-    showFontSettings() {
-      this.showSettings = !this.showSettings;
-    },
-    
-    toggleNightMode() {
-      this.nightMode = !this.nightMode;
-      this.backgroundColor = this.nightMode ? '#1a1a1a' : '#f5f0e1';
-    },
-    
-    increaseFontSize() {
-      this.fontSize = Math.min(24, this.fontSize + 2);
-    },
-    
-    decreaseFontSize() {
-      this.fontSize = Math.max(14, this.fontSize - 2);
-    },
-    
-    changeBackground(color) {
-      this.backgroundColor = color;
-      this.nightMode = color === '#1a1a1a';
-    },
+    // 确保$http对象可用
+    if (!this.$http || typeof this.$http.get !== 'function') {
+      throw new Error('网络请求不可用');
+    }
     
-    setAdStrategy() {
-      const readChapters = uni.getStorageSync('readChapters') || 0;
-      this.showAd = readChapters > 0 && readChapters % 3 === 0;
-    },
+    // 使用若依框架的API调用方式
+    const res = await this.$http.get(`/novel/chapter/${this.chapterId}`);
+    console.log('章节内容响应:', res);
     
-    downloadChapter() {
-      // 下载本章内容供离线阅读
+    if (res.code === 200) {
+      this.novelTitle = res.data.novelTitle || '未知小说';
+      this.chapterTitle = res.data.chapterTitle || '未知章节';
+      this.content = res.data.content || '';
+      this.currentChapter = res.data.chapterIndex || 1;
+      this.totalChapters = res.data.totalChapters || 0;
+      
+      uni.showToast({
+        title: '加载成功',
+        icon: 'success',
+        duration: 1500
+      });
+    } else {
+      console.error('API返回错误状态码:', res.code);
+      this.error = '加载失败: ' + (res.msg || '未知错误');
+      uni.showToast({
+        title: res.msg || '加载失败',
+        icon: 'none'
+      });
     }
+  } catch (error) {
+    console.error('加载章节内容失败:', error);
+    this.error = '加载失败，请检查网络连接';
+    uni.showToast({
+      title: '加载失败，请检查网络连接',
+      icon: 'none'
+    });
+  } finally {
+    this.loading = false;
+    uni.hideLoading();
   }
 }
+}}
 </script>
 
-
 <style>
 .reader-container {
   position: relative;