tj

RuoYi-App/.env

@@ -1,7 +1,7 @@
 # 基础配置
 VUE_APP_NAME=哎呀电子小说
 VUE_APP_VERSION=1.0.0
-
+VUE_APP_BASE_URL=https://xiaoshuo.aiyadianzi.ltd
 # 后端API地址
 VUE_APP_API_BASE=https://api.aiyadianzi.ltd
 VUE_APP_PHP_BASE=https://php-backend.aiyadianzi.ltd

RuoYi-App/App.vue

@@ -1,30 +1,25 @@
-</template>
+<template>
   <div id="app">
     <!-- 顶部菜单栏 -->
     <div v-if="showHeader" class="app-header">
       <router-link to="/">首页</router-link>
-      <router-link to="/novel/list">小说列表</router-link>
-      <router-link to="/author/apply">作者申请</router-link>
-      <router-link to="/search">搜索</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>
 </template>
 
 <script>
-import CustomTabbar from '@/components/custom-tabbar/index.vue'
-import config from './config'
-import { getToken } from '@/utils/auth'
+import CustomTabbar from '@/components/custom-tabbar/index.vue';
 
 export default {
-	mounted() {
-    // 确保方法名称正确
-    this.checkRouteAuth();
-	},
   name: 'App',
   provide() {
     return {
@@ -34,15 +29,17 @@ export default {
   components: { CustomTabbar },
   data() {
     return {
-          isRouterAlive: true,
-      showTabBar: false, // 默认不显示
+      // 确保所有属性都在这里定义
+      isRouterAlive: true,
+      showTabBar: false,
+      showHeader: false,
+      isMounted: false, // 添加组件挂载状态标志
       tabBarPages: [
         '/pages/index/index',
         '/pages/novel/list',
         '/pages/bookshelf/index',
         '/pages/me/index'
       ],
-      // 定义需要隐藏菜单的路由
       hideMenuRoutes: [
         '/login',
         '/register',
@@ -51,140 +48,72 @@ export default {
       ]
     }
   },
+  mounted() {
+    this.isMounted = true;
+    this.checkRouteAuth();
+    this.initTheme();
+    this.initStoreState();
+    this.safeUpdateMenuVisibility();
+  },
+  beforeDestroy() {
+    this.isMounted = false;
+  },
   watch: {
-    '$route.path': {
+    // 安全监听路由变化
+    '$route': {
       immediate: true,
-      handler(newPath) {
-        // 检查当前页面是否需要显示菜单
-        this.showTabBar = this.tabBarPages.some(path => 
-          newPath.includes(path)
-        );
-        
-        // 特殊处理：在小说阅读页面也显示菜单
-        if (newPath.includes('/pages/novel/read')) {
-          this.showTabBar = true;
+      handler(newRoute) {
+        if (this.isMounted && newRoute && newRoute.path) {
+          this.safeUpdateMenuVisibility();
         }
-        
-        // 强制更新CustomTabbar组件
-        this.$nextTick(() => {
-          if (this.$refs.customTabbar) {
-            this.$refs.customTabbar.updateSelectedIndex();
-          }
-        });
       }
     }
   },
-
-  onLaunch() {
-    // 初始化主题
-    this.initTheme()
-    
-    // 检查阅读进度
-    this.checkReadingProgress()
-    
-    // 初始化 store 状态
-    this.initStoreState()
-    console.log('App launched, store:', this.$store)
-  },
-  onShow() {
-    // 初始检查路由
-    this.$nextTick(() => {
-      const currentPath = this.$route.path;
-      this.showTabBar = this.tabBarPages.some(path => 
-        currentPath.includes(path)
-      );
-    });
-    
-    // 检查云端阅读进度
-    if (this.$store.getters.token) {
-      this.syncReadingProgress()
-    }
-  },
   methods: {
-	      checkRouteAuth() {
-	        const noAuthPaths = ['/', '/home', '/novel'];
-	        if (!noAuthPaths.includes(this.$route.path)) {
-	          // 需要登录的路径处理
-	        }
-	      },
-      reload() {
-      this.isRouterAlive = false
+    reload() {
+      this.isRouterAlive = false;
       this.$nextTick(() => {
-        this.isRouterAlive = true
-      })
+        this.isRouterAlive = true;
+        this.safeUpdateMenuVisibility();
+      });
     },
-        updateMenuVisibility() {
+    
+    safeUpdateMenuVisibility() {
+      // 确保组件已挂载且路由对象存在
+      if (!this.isMounted || !this.$route || !this.$route.path) return;
+      
       const currentPath = this.$route.path;
-      // 检查当前路由是否需要隐藏菜单
-      this.showHeader = !this.hideMenuRoutes.some(route => currentPath.includes(route));
-      this.showFooter = !this.hideMenuRoutes.some(route => currentPath.includes(route));
-    },
-    // 初始化 store 状态
-    initStoreState() {
-      // 从本地存储恢复状态
-      const token = uni.getStorageSync('token')
-      const readingProgress = uni.getStorageSync('readingProgress') || 1
       
-      // 提交到 store
-      this.$store.commit('SET_TOKEN', token)
-      this.$store.commit('SET_READING_PROGRESS', readingProgress)
-    },
-    // 检查阅读进度
-    checkReadingProgress() {
-      // 直接从本地存储读取
-      const chapter = uni.getStorageSync('readingProgress') || 1
+      // 检查是否显示底部TabBar
+      this.showTabBar = this.tabBarPages.some(path => 
+        currentPath.includes(path) || currentPath === path
+      );
       
-      if (chapter > 5 && !uni.getStorageSync('token')) {
-        uni.showModal({
-          title: '登录提示',
-          content: `您已阅读到第${chapter}章，登录后继续阅读`,
-          confirmText: '立即登录',
-          success: (res) => {
-            if (res.confirm) {
-              uni.navigateTo({ url: '/pages/login' })
-            }
-          }
-        })
-      }
+      // 检查是否显示顶部菜单
+      this.showHeader = !this.hideMenuRoutes.some(route => 
+        currentPath.includes(route) || currentPath === route
+      );
     },
-    // 同步阅读进度 (修改后)
-    async syncReadingProgress() {
-      try {
-        // 安全访问 store
-        if (!this.$store) {
-          console.warn('Store 未初始化，无法同步阅读进度')
-          return
-        }
-        
-        const token = this.$store.getters.token
-        if (!token) {
-          console.log('用户未登录，跳过同步')
-          return
-        }
-        
-        // 从本地存储获取进度
-        const localChapter = uni.getStorageSync('readingProgress') || 1
-        
-        // 调用 API 同步
-        const res = await this.$api.saveReadingProgress(localChapter)
-        console.log('进度同步成功:', res.data)
-      } catch (err) {
-        console.error('同步阅读进度失败', err)
+    
+    initStoreState() {
+      const token = uni.getStorageSync('token') || '';
+      const readingProgress = uni.getStorageSync('readingProgress') || 1;
+      
+      // 确保 store 存在
+      if (this.$store) {
+        this.$store.commit('SET_TOKEN', token);
+        this.$store.commit('SET_READING_PROGRESS', readingProgress);
       }
+      
+      console.log('App launched, store:', this.$store ? this.$store.state : '未初始化');
     },
-    // 添加 checkLogin 方法
-    // checkLogin() {
-    //   // 这里写登录检查逻辑
-    //   // 示例：检查本地存储的登录状态
-    //   const isLoggedIn = uni.getStorageSync('isLogin');
-    //   if (!isLoggedIn) {
-    //     uni.navigateTo({ url: '/pages/login' });
-    //   }
-    // },
     
-    // 临时主题初始化
     initTheme() {
-      const themeName = uni.getStorageSync('selectedTheme') || 'aydzBlue'
+      // 主题初始化逻辑
+      console.log('主题初始化完成');
+      
+      // 设置默认主题
+      const themeName = uni.getStorageSync('selectedTheme') || 'aydzBlue';
       
       // 应用主题变量
       const themes = {
@@ -195,47 +124,37 @@ export default {
           '--card-bg': '#d0e8ff',
           '--header-bg': '#2a5caa'
         },
-        darkMode: {
-          '--primary-color': '#52c41a',
-          '--bg-color': '#1a1a1a',
-          '--text-color': '#e6e6e6',
-          '--card-bg': '#2a2a2a'
-        },
         default: {
           '--primary-color': '#1890ff',
           '--bg-color': '#f8f9fa',
           '--text-color': '#333',
           '--card-bg': '#ffffff'
         }
-      }
+      };
       
-      const root = document.documentElement
-      const themeVars = themes[themeName] || themes.aydzBlue
+      const theme = themes[themeName] || themes.default;
+      
+      // 应用主题变量
+      Object.keys(theme).forEach(key => {
+        document.documentElement.style.setProperty(key, theme[key]);
+      });
+    },
+    
+    checkRouteAuth() {
+      // 简单的路由权限检查
+      if (!this.$route || !this.$route.path) return;
       
-      Object.keys(themeVars).forEach(key => {
-        root.style.setProperty(key, themeVars[key])
-      })
+      const authRequiredRoutes = [
+        '/pages/author/apply',
+        '/pages/bookshelf/index',
+        '/pages/me/index'
+      ];
       
-      // 动态设置导航栏颜色
-      if (themeName === 'darkMode') {
-        uni.setNavigationBarColor({
-          frontColor: '#ffffff',
-          backgroundColor: '#1a1a1a'
-        })
-      } else if (themeName === 'aydzBlue') {
-        uni.setNavigationBarColor({
-          frontColor: '#ffffff',
-          backgroundColor: '#2a5caa'
-        })
-      }
-    }
-  },
-
-  watch: {
-    '$route.path': {
-      immediate: true,
-      handler() {
-        this.updateMenuVisibility();
+      if (authRequiredRoutes.some(route => this.$route.path.includes(route))) {
+        if (!this.$store.getters.token) {
+          uni.showToast({ title: '请先登录', icon: 'none' });
+          this.$router.push('/pages/login');
+        }
       }
     }
   }
@@ -243,9 +162,13 @@ export default {
 </script>
 
 <style lang="scss">
-/* 确保自定义TabBar有足够的空间 */
-.app-container {
-  padding-bottom: 120rpx !important; /* 增加底部空间 */
+@import '@/styles/index.scss';
+
+/* 全局样式修复 */
+#app {
+  min-height: 100vh;
+  background-color: var(--bg-color);
+  color: var(--text-color);
 }
 
 /* 确保菜单不被其他元素覆盖 */
@@ -261,6 +184,7 @@ export default {
 .page-content {
   padding-bottom: 140rpx !important;
 }
+
 /* 确保tabbar显示 */
 uni-tabbar {
   display: flex !important;
@@ -282,37 +206,25 @@ uni-tabbar .uni-tabbar {
 .page-content {
   padding-bottom: 60px !important;
 }
-/* 保留原有样式 */
-uni-tabbar {
-  z-index: 999;
-}
-#app {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-}
 
-.app-header, .app-footer {
-  background: #f5f5f5;
+.app-header {
+  background: var(--header-bg, #2a5caa);
   padding: 10px;
   display: flex;
   justify-content: space-around;
-  z-index: 1000;
-}
-
-.app-header {
   position: sticky;
   top: 0;
+  z-index: 1000;
+  
+  a {
+    color: white;
+    text-decoration: none;
+    font-weight: bold;
+    
+    &.router-link-exact-active {
+      color: #ffcc00;
+      border-bottom: 2px solid #ffcc00;
+    }
+  }
 }
-
-.app-footer {
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-}
-
-.router-link-active {
-  color: #42b983;
-  font-weight: bold;
-}
-</style>
+</style>

RuoYi-App/main.js

@@ -1,25 +1,32 @@
+// src/main.js
 import Vue from 'vue'
 import App from './App'
-import store from './store' // 确保路径正确
+import router from './router'
+import store from './store'
 
-import plugins from './plugins' // plugins
-import './permission' // permission
-import { getDicts } from "@/api/system/dict/data"
-import http from '@/utils/request' // 导入HTTP工具
+// 确保路径正确
+import '@/styles/index.scss'
 
-// 注册HTTP工具
-Vue.use(http)
-Vue.use(plugins)
+// 导入 request.js 并挂载到 Vue 原型
+import http from '@/utils/request'
 
 Vue.config.productionTip = false
-// 全局挂载 store
-Vue.prototype.$store = store
-Vue.prototype.getDicts = getDicts
 
-App.mpType = 'app'
+// 正确挂载 $http 方法
+Vue.prototype.$http = http
 
-const app = new Vue({
-  store, // 关键：注入 store
-  ...App
-})
-app.$mount()
+// 初始化应用
+new Vue({
+  router,
+  store,
+  render: h => h(App),
+  
+  // 确保应用挂载时路由已准备就绪
+  beforeMount() {
+    // 确保路由初始化完成
+    if (!router.currentRoute) {
+      console.warn('路由未初始化，重定向到默认页面');
+      router.push('/pages/novel/list');
+    }
+  }
+}).$mount('#app')

RuoYi-App/pages/novel/list.vue

@@ -1,332 +1,348 @@
 <template>
   <view class="novel-list-page">
-    <!-- 顶部广告（来自Java后台） -->
-    <ad-banner :ads="topAds" />
+    <!-- 加载状态 -->
+    <view v-if="loading" class="loading-container">
+      <uni-icons type="spinner-cycle" size="36" color="var(--primary-color)" class="loading-icon" />
+      <text>加载中...</text>
+    </view>
     
-    <!-- 小说列表 -->
-    <!-- 顶部分类导航 -->
-    <scroll-view scroll-x class="category-nav">
-      <view 
-        v-for="category in categories" 
-        :key="category.id"
-        class="category-item"
-        :class="{ active: activeCategory === category.id }"
-        @click="changeCategory(category.id)"
-      >
-        {{ category.name }}
-      </view>
-    </scroll-view>
-    <!-- 热门推荐 -->
-    <view class="section">
-      <view class="section-header">
-        <text class="section-title">热门推荐</text>
-        <text class="section-more">更多 ></text>
-      </view>
-      <scroll-view scroll-x class="hot-list">
+    <!-- 内容区域 -->
+    <template v-else>
+      <!-- 顶部广告 -->
+      <ad-banner v-if="topAds.length" :ads="topAds" />
+      
+      <!-- 顶部分类导航 -->
+      <scroll-view scroll-x class="category-nav">
         <view 
-          v-for="novel in hotNovels" 
-          :key="novel.id" 
-          class="hot-item"
-          @click="openNovel(novel)"
+          v-for="category in categories" 
+          :key="category.id"
+          class="category-item"
+          :class="{ active: activeCategory === category.id }"
+          @click="changeCategory(category.id)"
         >
-          <image :src="novel.cover" class="hot-cover" />
-          <text class="hot-title">{{ novel.title }}</text>
+          {{ category.name }}
         </view>
       </scroll-view>
-    </view>
-    
-    <!-- 分类小说列表 -->
-    <view class="section">
-      <view class="section-header">
-        <text class="section-title">{{ currentCategoryName }}作品</text>
+      
+      <!-- 空状态 -->
+      <view v-if="novels.length === 0 && !error" class="empty-container">
+        <image src="/static/empty-book.png" class="empty-img" />
+        <text class="empty-text">暂无小说数据</text>
+        <button class="btn-refresh" @click="loadNovels">重新加载</button>
       </view>
-      <view class="novel-grid">
-        <view 
-          v-for="novel in novels" 
-          :key="novel.id" 
-          class="novel-item"
-          @click="openNovel(novel)"
-        >
-          <image :src="novel.cover" class="novel-cover" />
-          <text class="novel-title">{{ novel.title }}</text>
-          <text class="novel-author">{{ novel.author }}</text>
+      
+      <!-- 错误状态 -->
+      <view v-if="error" class="error-container">
+        <uni-icons type="info" size="48" color="var(--error-color)" />
+        <text class="error-text">{{ error }}</text>
+        <button class="btn-refresh" @click="loadNovels">重新加载</button>
+      </view>
+      
+      <!-- 热门推荐 -->
+      <view v-if="hotNovels.length > 0" class="section">
+        <view class="section-header">
+          <text class="section-title">热门推荐</text>
+          <text class="section-more" @click="goMore">更多 ></text>
         </view>
+        <scroll-view scroll-x class="hot-list">
+          <view 
+            v-for="novel in hotNovels" 
+            :key="novel.id" 
+            class="hot-item"
+            @click="openNovel(novel)"
+          >
+            <image :src="getCoverUrl(novel.cover)" class="hot-cover" />
+            <text class="hot-title">{{ novel.title }}</text>
+          </view>
+        </scroll-view>
       </view>
-    </view>
-    
-    <!-- 成为签约作家按钮 -->
-    <view class="become-author" @click="applyAuthor">
-      <text>成为签约作家，发布你的作品</text>
-    </view>
-	    <!-- 底部广告 -->
-	    <ad-banner :ads="bottomAds" />
+      
+      <!-- 分类小说列表 -->
+      <view v-if="novels.length > 0" class="section">
+        <view class="section-header">
+          <text class="section-title">{{ currentCategoryName }}作品</text>
+        </view>
+        <view class="novel-grid">
+          <view 
+            v-for="(novel, index) in novels" 
+            :key="index" 
+            class="novel-item"
+            @click="openNovel(novel)"
+          >
+            <image :src="getCoverUrl(novel.cover)" class="novel-cover" />
+            <text class="novel-title">{{ novel.title || '未知标题' }}</text>
+            <text class="novel-author">{{ novel.author || '未知作者' }}</text>
+          </view>
+        </view>
+      </view>
+      
+      <!-- 成为签约作家按钮 -->
+      <view class="become-author" @click="applyAuthor">
+        <text>成为签约作家，发布你的作品</text>
+      </view>
+      
+      <!-- 底部广告 -->
+      <ad-banner v-if="bottomAds.length" :ads="bottomAds" />
+    </template>
   </view>
-
 </template>
+
 <script>
+// 确保路径正确
 import AdBanner from '@/components/AdBanner';
 
 export default {
-	components: { AdBanner },
+  components: { AdBanner },
   data() {
     return {
-          // 确保所有数组初始化为空数组
-      novelList: [], // 存储小说目录数据
-	        topAds: [],
-	        bottomAds: [],
-			      categories: [],
-			      activeCategory: 0,
-			      hotNovels: [],
-			      novels: [],
-			      currentCategoryName: '全部'
-			
+      topAds: [],
+      bottomAds: [],
+      categories: [],
+      activeCategory: 0,
+      hotNovels: [],
+      novels: [],
+      loading: true,
+      error: null,
+      currentCategoryName: '全部'
     }
   },
-  async onLoad() {
-    await this.loadAds();
-    await this.loadNovels();
-	    this.loadCategories();
-	    this.loadHotNovels();
-	    // this.loadNovels();
+  async mounted() {
+    await this.initData();
   },
-  // onLoad() {
-  //   this.loadNovelList();
-  // },
   methods: {
-    // 从Java后台加载广告
+    async initData() {
+      try {
+        // 顺序加载数据，避免并行请求冲突
+        await this.loadCategories();
+        await this.loadHotNovels();
+        await this.loadNovels();
+        await this.loadAds();
+      } catch (e) {
+        console.error('初始化失败', e);
+        this.error = '初始化失败，请检查网络连接';
+      } finally {
+        this.loading = false;
+      }
+    },
+    
+    // 加载广告
     async loadAds() {
-      const [topRes, bottomRes] = await Promise.all([
-        this.$http.get('/java-api/ad/position?code=TOP_BANNER'),
-        this.$http.get('/java-api/ad/position?code=BOTTOM_BANNER')
-      ]);
-      
-      this.topAds = topRes.data;
-      this.bottomAds = bottomRes.data;
+      try {
+        const [topRes, bottomRes] = await Promise.all([
+          this.$http.get('/java-api/ad/position?code=TOP_BANNER'),
+          this.$http.get('/java-api/ad/position?code=BOTTOM_BANNER')
+        ]);
+        
+        this.topAds = topRes?.data || topRes || [];
+        this.bottomAds = bottomRes?.data || bottomRes || [];
+      } catch (e) {
+        console.error('加载广告失败', e);
+      }
     },
-	    applyAuthor() {
-	      if (!this.$store.getters.token) {
-	        uni.showToast({ title: '请先登录', icon: 'none' });
-	        uni.navigateTo({ url: '/pages/login' });
-	        return;
-	      }
-	      
-	      uni.navigateTo({ url: '/pages/author/apply' });
-	    },
-        async loadCategories() {
-          try {
-            // 从Java后台获取分类
+    
+    // 加载分类
+    async loadCategories() {
+      try {
         const res = await this.$http.get('/category/tree');
-        // 确保数据结构正确
-        if (res.data && Array.isArray(res.data)) {
-          // 添加"全部"选项
-          this.categories = [{ id: 0, name: '全部' }];
-          
-          // 递归处理分类树
-          const processCategories = (cats) => {
-            cats.forEach(cat => {
-              this.categories.push({
-                id: cat.id,
-                name: cat.title,
-                children: cat.children
-              });
-              if (cat.children && cat.children.length) {
-                processCategories(cat.children);
-              }
-            });
-          };
-          
-          processCategories(res.data);
+        // 确保有"全部"选项
+        this.categories = res?.data ? [{ id: 0, name: '全部' }, ...res.data] : [];
+      } catch (e) {
+        console.error('加载分类失败', e);
+        this.categories = [{ id: 0, name: '全部' }];
+      }
+    },
+    
+    // 加载热门小说
+    async loadHotNovels() {
+      try {
+        const res = await this.$http.get('/api/novel/hot');
+        
+        // 处理不同API响应格式
+        if (res?.data?.rows) {
+          this.hotNovels = res.data.rows;
+        } else if (Array.isArray(res?.data)) {
+          this.hotNovels = res.data;
+        } else if (Array.isArray(res)) {
+          this.hotNovels = res;
         } else {
-          console.warn('分类数据格式不正确');
+          console.warn('热门小说API返回格式未知', res);
+          this.hotNovels = [];
         }
-          } catch (e) {
-            console.error('加载分类失败', e);
-          }
-        },
-    // 从PHP系统加载小说目录
-    // async loadNovels() {
-    //   const res = await this.$http.get('/php-api/novel/list');
-    //   this.novelList = res.data;
-    // },
-        async loadHotNovels() {
-          try {
-            // 获取热门小说
-            const res = await this.$http.get('/novel/hot');
-            this.hotNovels = res.data;
-          } catch (e) {
-            console.error('加载热门小说失败', e);
-          }
-        },
-    async loadNovels(categoryId = 0) {
+      } catch (e) {
+        console.error('加载热门小说失败', e);
+        this.hotNovels = [];
+      }
+    },
+    
+    // 加载小说列表
+    async loadNovels() {
+      this.loading = true;
+      this.error = null;
       try {
-        const url = categoryId 
-          ? `/novel/list?categoryId=${categoryId}`
-          : '/novel/list';
-          
-        const res = await this.$http.get(url);
-        // 确保数据结构正确
-        if (res.rows && Array.isArray(res.rows)) {
-          this.novels = res.rows;
+        const res = await this.$http.get('/api/novel/list');
+        console.log('小说列表API响应:', res);
+        
+        // 处理不同API响应格式
+        if (res?.data?.rows) {
+          this.novels = res.data.rows;
+        } else if (Array.isArray(res?.data)) {
+          this.novels = res.data;
+        } else if (res?.data?.list) {
+          this.novels = res.data.list;
+        } else if (Array.isArray(res)) {
+          this.novels = res;
         } else {
-          console.warn('小说列表数据格式不正确');
+          console.warn('小说列表API返回格式未知', res);
           this.novels = [];
+          this.error = '数据格式错误';
         }
-
       } catch (e) {
-        uni.showToast({ title: '加载小说失败', icon: 'none' });
+        console.error('加载小说失败', e);
+        this.error = '加载失败，请重试';
+        uni.showToast({
+          title: '加载失败，请重试',
+          icon: 'none'
+        });
+        this.novels = [];
+      } finally {
+        this.loading = false;
       }
     },
+    
+    // 封面URL处理
+    getCoverUrl(cover) {
+      if (!cover) return '/static/default-cover.jpg';
+      if (cover.startsWith('http')) return cover;
+      if (cover.startsWith('/')) return cover;
+      return `${process.env.VUE_APP_BASE_URL || ''}/uploads/${cover}`;
+    },
+    
+    // 其他方法...
     changeCategory(categoryId) {
       this.activeCategory = categoryId;
-      this.loadNovels(categoryId);
+      this.currentCategoryName = this.categories.find(c => c.id === categoryId)?.name || '全部';
+      this.loadNovels();
     },
+    
     openNovel(novel) {
-      uni.navigateTo({
-        url: `/pages/novel/detail?id=${novel.id}`
-      });
+      if (novel.id) {
+        uni.navigateTo({
+          url: `/pages/novel/detail?id=${novel.id}`
+        });
+      } else {
+        uni.showToast({
+          title: '小说ID不存在',
+          icon: 'none'
+        });
+      }
     },
+    
     applyAuthor() {
-      uni.navigateTo({
-        url: '/pages/author/apply'
-      });
+      if (!this.$store.getters.token) {
+        uni.showToast({ title: '请先登录', icon: 'none' });
+        uni.navigateTo({ url: '/pages/login' });
+        return;
+      }
+      uni.navigateTo({ url: '/pages/author/apply' });
     },
-    // 打开小说详情页
-    openNovel(novel) {
+    
+    goMore() {
       uni.navigateTo({
-        url: `/pages/novel/detail?id=${novel.id}&title=${encodeURIComponent(novel.title)}`
+        url: '/pages/novel/more'
       });
     }
   }
 }
 </script>
-<style scoped>
-.become-author {
-  position: fixed;
-  bottom: 120rpx; /* 在TabBar上方 */
-  left: 50%;
-  transform: translateX(-50%);
-  background-color: #3cc51f;
-  color: white;
-  padding: 16rpx 40rpx;
-  border-radius: 50rpx;
-  font-size: 28rpx;
-  box-shadow: 0 4rpx 12rpx rgba(60, 197, 31, 0.3);
-  z-index: 999;
-}
-.novel-list-page {
-  padding: 20rpx;
-  padding-bottom: 40rpx;
-}
 
-.category-nav {
-  white-space: nowrap;
-  margin-bottom: 30rpx;
-}
-
-.category-item {
-  display: inline-block;
-  padding: 10rpx 30rpx;
-  margin-right: 20rpx;
-  border-radius: 50rpx;
-  background-color: #f5f5f5;
-  font-size: 28rpx;
+<style scoped>
+/* 添加加载状态样式 */
+.loading-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 0;
 }
 
-.category-item.active {
-  background-color: #3cc51f;
-  color: white;
+.loading-icon {
+  animation: rotate 1s linear infinite;
+  margin-bottom: 20rpx;
 }
 
-.section {
-  margin-bottom: 40rpx;
+@keyframes rotate {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
 }
 
-.section-header {
+/* 添加空状态样式 */
+.empty-container, .error-container {
   display: flex;
-  justify-content: space-between;
+  flex-direction: column;
   align-items: center;
-  margin-bottom: 20rpx;
-}
-
-.section-title {
-  font-size: 32rpx;
-  font-weight: bold;
-}
-
-.section-more {
-  font-size: 24rpx;
-  color: #888;
+  justify-content: center;
+  padding: 100rpx 0;
+  text-align: center;
 }
 
-.hot-list {
-  white-space: nowrap;
+.empty-img {
+  width: 200rpx;
+  height: 200rpx;
+  opacity: 0.6;
+  margin-bottom: 40rpx;
 }
 
-.hot-item {
-  display: inline-block;
-  width: 200rpx;
-  margin-right: 20rpx;
+.empty-text, .error-text {
+  font-size: 32rpx;
+  color: var(--text-color);
+  margin-bottom: 40rpx;
 }
 
-.hot-cover {
-  width: 200rpx;
-  height: 280rpx;
-  border-radius: 8rpx;
+.error-text {
+  color: var(--error-color);
 }
 
-.hot-title {
-  display: block;
-  font-size: 26rpx;
-  margin-top: 10rpx;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+.btn-refresh {
+  background-color: var(--primary-color);
+  color: white;
+  width: 60%;
+  border-radius: 50rpx;
 }
 
+/* 确保网格布局正确 */
 .novel-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20rpx;
+  padding: 20rpx;
 }
 
 .novel-item {
-  text-align: center;
+  background-color: var(--card-bg);
+  border-radius: 12rpx;
+  overflow: hidden;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
 }
 
 .novel-cover {
   width: 100%;
   height: 300rpx;
-  border-radius: 8rpx;
+  background-color: #f5f5f5; /* 添加默认背景 */
 }
 
 .novel-title {
   display: block;
-  font-size: 26rpx;
-  margin-top: 10rpx;
+  font-size: 28rpx;
+  padding: 10rpx 15rpx;
+  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
 }
 
 .novel-author {
   display: block;
-  font-size: 22rpx;
+  font-size: 24rpx;
   color: #888;
+  padding: 0 15rpx 15rpx;
 }
-
-.become-author {
-  position: fixed;
-  bottom: 120rpx; /* 在TabBar上方 */
-  left: 50%;
-  transform: translateX(-50%);
-  background-color: #3cc51f;
-  color: white;
-  padding: 16rpx 40rpx;
-  border-radius: 50rpx;
-  font-size: 28rpx;
-  box-shadow: 0 4rpx 12rpx rgba(60, 197, 31, 0.3);
-  z-index: 999;
-}
-</style>
+</style>

RuoYi-App/router/index.js

@@ -1,66 +1,77 @@
 import Vue from 'vue'
 import Router from 'vue-router'
+import store from '@/store'
 
 Vue.use(Router)
 
 const routes = [
   {
     path: '/',
-    redirect: '/pages/home/index'
-  },
-  {
-    path: '/pages/home/index',
-    name: 'Home',
-    component: () => import('@/pages/home/index')
+    redirect: '/pages/novel/list'
   },
   {
     path: '/pages/novel/list',
     name: 'NovelList',
-    component: () => import('@/pages/novel/list')
+    component: () => import('@/pages/novel/list'),
+    meta: { title: '小说列表' }
   },
   {
-    path: '/pages/novel/reader',
-    name: 'NovelReader',
-    component: () => import('@/pages/novel/reader'),
-    props: route => ({
-      novelId: route.query.novelId,
-      chapterId: route.query.chapterId
-    })
+    path: '/pages/novel/detail',
+    name: 'NovelDetail',
+    component: () => import('@/pages/novel/detail'),
+    meta: { title: '小说详情' }
   },
   {
     path: '/pages/author/apply',
     name: 'AuthorApply',
-    component: () => import('@/pages/author/apply')
-  },
-  {
-    path: '/pages/search/index',
-    name: 'Search',
-    component: () => import('@/pages/search/index')
-  },
-  {
-    path: '/pages/book/list',
-    name: 'BookList',
-    component: () => import('@/pages/book/list')
+    component: () => import('@/pages/author/apply'),
+    meta: { title: '作者申请', requiresAuth: true }
   },
   {
-    path: '/bookshelf',
-    component: () => import('@/views/bookshelf'),
-    meta: { requiresAuth: true } // 需要登录
+    path: '/pages/login',
+    name: 'Login',
+    component: () => import('@/pages/login'),
+    meta: { title: '登录' }
   },
   {
-    path: '/mine',
-    component: () => import('@/views/mine'),
-    meta: { requiresAuth: true } // 需要登录
+    path: '/pages/register',
+    name: 'Register',
+    component: () => import('@/pages/register'),
+    meta: { title: '注册' }
   },
+  // 添加更多路由...
   {
-    path: '/',
-    component: () => import('@/views/home'),
-    meta: { requiresAuth: false } // 不需要登录
+    path: '*',
+    redirect: '/pages/novel/list'
   }
 ]
 
-export default new VueRouter({
+const router = new Router({
   mode: 'history',
-  base: process.env.BASE_URL,
   routes
-})
+})
+
+// 添加简单的路由守卫
+router.beforeEach((to, from, next) => {
+  // 设置页面标题
+  if (to.meta.title) {
+    document.title = to.meta.title
+  }
+  
+  // 检查是否需要登录
+  if (to.meta.requiresAuth) {
+    if (!store.getters.token) {
+      next('/pages/login')
+      return
+    }
+  }
+  
+  next()
+})
+
+// 确保路由初始化
+router.onReady(() => {
+  console.log('Router is ready');
+})
+
+export default router

RuoYi-App/styles/index.scss

@@ -0,0 +1,27 @@
+/* src/styles/index.scss */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body, html, #app {
+  height: 100%;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+#app {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+/* 主题变量 */
+:root {
+  --primary-color: #2a5caa;
+  --bg-color: #e6f7ff;
+  --text-color: #1a3353;
+  --card-bg: #d0e8ff;
+  --header-bg: #2a5caa;
+  --error-color: #f56c6c;
+}

RuoYi-App/utils/request.js

@@ -1,8 +1,8 @@
+// src/utils/request.js
 import config from '@/config'
-import store from '@/store'
 const baseUrl = config.baseUrl
 
-export const http = {
+const http = {
   get(url, params = {}, options = {}) {
     return this.request('GET', url, params, options)
   },
@@ -13,6 +13,18 @@ export const http = {
   
   request(method, url, data = {}, options = {}) {
     return new Promise((resolve, reject) => {
+      // 确保URL以斜杠开头
+      let finalUrl = url.startsWith('/') ? url : `/${url}`;
+      
+      // 特殊处理Java API请求
+      if (url.startsWith('/java-api')) {
+        finalUrl = url;
+      }
+      // 其他API添加前缀
+      else if (!url.startsWith('http')) {
+        finalUrl = '/api' + finalUrl;
+      }
+      
       const header = {
         'Content-Type': 'application/json',
         ...(options.headers || {})
@@ -25,15 +37,18 @@ export const http = {
       }
       
       uni.request({
-        url: baseUrl + url,
+        url: baseUrl + finalUrl,
         method,
         data,
         header,
         success: (res) => {
+          // 统一处理成功响应
           if (res.statusCode >= 200 && res.statusCode < 300) {
             resolve(res.data)
           } else {
-            reject(res.data)
+            // 尝试提取错误消息
+            const errorMsg = res.data?.msg || res.data?.message || '请求失败';
+            reject(new Error(errorMsg))
           }
         },
         fail: (err) => {
@@ -44,9 +59,5 @@ export const http = {
   }
 }
 
-// 挂载到Vue原型
-export default {
-  install(Vue) {
-    Vue.prototype.$http = http
-  }
-}
+// 确保正确导出
+export default http