tj

RuoYi-App/.env

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

RuoYi-App/App.vue

   mounted() {
     this.isMounted = true;
     this.checkRouteAuth();
-    this.initTheme();
+    this.initTheme(); // 确保正确调用
     this.initStoreState();
     this.safeUpdateMenuVisibility();
   },
     }
   },
   methods: {
+    // 确保 initTheme 方法正确定义
+    initTheme() {
+      console.log('主题初始化开始');
+      
+      // 设置默认主题
+      const themeName = uni.getStorageSync('selectedTheme') || 'aydzBlue';
+      
+      // 应用主题变量
+      const themes = {
+        aydzBlue: {
+          '--primary-color': '#2a5caa',
+          '--bg-color': '#e6f7ff',
+          '--text-color': '#1a3353',
+          '--card-bg': '#d0e8ff',
+          '--header-bg': '#2a5caa'
+        },
+	        default: {
+          '--primary-color': '#1890ff',
+          '--bg-color': '#f8f9fa',
+          '--text-color': '#333',
+          '--card-bg': '#ffffff'
+        }
+      };
+            const theme = themes[themeName] || themes.default;
+      
+      // 应用主题变量
+      Object.keys(theme).forEach(key => {
+        document.documentElement.style.setProperty(key, theme[key]);
+      });
+      
+      console.log('主题初始化完成');
+    },
     reload() {
       this.isRouterAlive = false;
       this.$nextTick(() => {
     },
     
     initStoreState() {
-      const token = uni.getStorageSync('token') || '';
-      const readingProgress = uni.getStorageSync('readingProgress') || 1;
+      const token = uni.getStorageSync('token') || ''
+      const readingProgress = uni.getStorageSync('readingProgress') || 1
       
-      // 确保 store 存在
+      // 确保 store 存在并正确提交
       if (this.$store) {
-        this.$store.commit('SET_TOKEN', token);
-        this.$store.commit('SET_READING_PROGRESS', readingProgress);
+        this.$store.commit('SET_TOKEN', token)
+        this.$store.commit('SET_READING_PROGRESS', readingProgress)
+        console.log('Store initialized:', this.$store.state)
+      } else {
+        console.error('Store is not available!')
       }
-      
-      console.log('App launched, store:', this.$store ? this.$store.state : '未初始化');
-    },
-    
-    initTheme() {
-      // 主题初始化逻辑
-      console.log('主题初始化完成');
-      
-      // 设置默认主题
-      const themeName = uni.getStorageSync('selectedTheme') || 'aydzBlue';
-      
-      // 应用主题变量
-      const themes = {
-        aydzBlue: {
-          '--primary-color': '#2a5caa',
-          '--bg-color': '#e6f7ff',
-          '--text-color': '#1a3353',
-          '--card-bg': '#d0e8ff',
-          '--header-bg': '#2a5caa'
-        },
-        default: {
-          '--primary-color': '#1890ff',
-          '--bg-color': '#f8f9fa',
-          '--text-color': '#333',
-          '--card-bg': '#ffffff'
-        }
-      };
-      
-      const theme = themes[themeName] || themes.default;
-      
-      // 应用主题变量
-      Object.keys(theme).forEach(key => {
-        document.documentElement.style.setProperty(key, theme[key]);
-      });
     },
     
     checkRouteAuth() {

RuoYi-App/config.js

 // 应用全局配置
 module.exports = {
   //baseUrl: 'https://vue.ruoyi.vip/prod-api',
-   baseUrl: 'http://localhost:8080',
+   //baseUrl: 'http://localhost:8080',
+   baseUrl: process.env.VUE_APP_BASE_API || '/',
   // 应用信息
   appInfo: {
     // 应用名称

RuoYi-App/main.js

 
 Vue.config.productionTip = false
 
-// 正确挂载 $http 方法
+// 正确挂载 $http 方法 - 关键修复
 Vue.prototype.$http = http
 
 // 初始化应用
   store,
   render: h => h(App),
   
-  // 确保应用挂载时路由已准备就绪
-  beforeMount() {
+  created() {
+    // 验证 $http 是否已挂载
+    console.log('$http available in root instance:', typeof this.$http.get === 'function')
+  },
+  
+  mounted() {
     // 确保路由初始化完成
     if (!router.currentRoute) {
-      console.warn('路由未初始化，重定向到默认页面');
-      router.push('/pages/novel/list');
+      console.warn('路由未初始化，重定向到默认页面')
+      router.push('/pages/novel/list')
     }
   }
-}).$mount('#app')
+}).$mount('#app')

RuoYi-App/pages/novel/list.vue

       
       <!-- 热门推荐 -->
       <view v-if="hotNovels.length > 0" class="section">
+    <!-- ... -->
+  </view>
+  <view v-else class="section">
         <view class="section-header">
-          <text class="section-title">热门推荐</text>
+      <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" 
+        v-for="novel in demoHotNovels" 
             :key="novel.id" 
             class="hot-item"
             @click="openNovel(novel)"
           >
-            <image :src="getCoverUrl(novel.cover)" class="hot-cover" />
+        <image :src="novel.cover" class="hot-cover" />
             <text class="hot-title">{{ novel.title }}</text>
           </view>
         </scroll-view>
       
       <!-- 分类小说列表 -->
       <view v-if="novels.length > 0" class="section">
+    <!-- ... -->
+  </view>
+  <view v-else class="section">
         <view class="section-header">
-          <text class="section-title">{{ currentCategoryName }}作品</text>
+      <text class="section-title">小说列表（演示数据）</text>
         </view>
         <view class="novel-grid">
           <view 
-            v-for="(novel, index) in novels" 
-            :key="index" 
+        v-for="novel in demoNovels" 
+        :key="novel.id" 
             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>
+        <image :src="novel.cover" class="novel-cover" />
+        <text class="novel-title">{{ novel.title }}</text>
+        <text class="novel-author">{{ novel.author }}</text>
           </view>
         </view>
       </view>
       novels: [],
       loading: true,
       error: null,
-      currentCategoryName: '全部'
+      currentCategoryName: '全部',
+      
+      // 临时解决方案 - 模拟数据
+      mockHotNovels: [
+        { id: 1, title: '总裁的替身前妻', cover: '/static/demo-cover1.jpg' },
+        { id: 2, title: '神医毒妃', cover: '/static/demo-cover2.jpg' },
+        { id: 3, title: '穿越之王妃逆袭', cover: '/static/demo-cover3.jpg' }
+      ],
+      mockNovels: [
+        { id: 4, title: '都市最强赘婿', author: '网络作家', cover: '/static/demo-cover4.jpg' },
+        { id: 5, title: '修仙归来', author: '仙侠迷', cover: '/static/demo-cover5.jpg' },
+        { id: 6, title: '校园纯爱物语', author: '青春校园', cover: '/static/demo-cover6.jpg' }
+      ]
     }
   },
-  async mounted() {
-    await this.initData();
+  mounted() {
+    console.log('$http available in component:', typeof this.$http.get === 'function');
+    
+    // 确保所有方法都已绑定
+    console.log('loadCategories:', typeof this.loadCategories);
+    console.log('loadHotNovels:', typeof this.loadHotNovels);
+    console.log('loadNovels:', typeof this.loadNovels);
+    console.log('loadAds:', typeof this.loadAds);
+    
+    this.initData();
   },
   methods: {
     async initData() {
+      // 确保所有方法都已绑定
+      if (
+        typeof this.loadCategories !== 'function' ||
+        typeof this.loadHotNovels !== 'function' ||
+        typeof this.loadNovels !== 'function' ||
+        typeof this.loadAds !== 'function'
+      ) {
+        console.error('一个或多个方法未绑定!');
+        this.error = '系统初始化失败，请刷新页面';
+        this.loading = false;
+        return;
+      }
+      
       try {
-        // 顺序加载数据，避免并行请求冲突
+        // 顺序加载数据
         await this.loadCategories();
         await this.loadHotNovels();
         await this.loadNovels();
         this.loading = false;
       }
     },
-    
-    // 加载广告
-    async loadAds() {
-      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);
-      }
-    },
-    
-    // 加载分类
+        // 加载分类
     async loadCategories() {
       try {
-        const res = await this.$http.get('/category/tree');
-        // 确保有"全部"选项
+        const res = await this.$http.get('/java-api/category/tree');
         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');
+        const res = await this.$http.get('/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('热门小说API返回格式未知', res);
-          this.hotNovels = [];
+          this.hotNovels = this.mockHotNovels; // 使用模拟数据
         }
       } catch (e) {
         console.error('加载热门小说失败', e);
-        this.hotNovels = [];
+        this.hotNovels = this.mockHotNovels; // 使用模拟数据
       }
     },
-    
     // 加载小说列表
     async loadNovels() {
       this.loading = true;
       this.error = null;
       try {
-        const res = await this.$http.get('/api/novel/list');
-        console.log('小说列表API响应:', res);
+        const res = await this.$http.get('/novel/list');
         
-        // 处理不同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('小说列表API返回格式未知', res);
-          this.novels = [];
-          this.error = '数据格式错误';
+          this.novels = this.mockNovels; // 使用模拟数据
         }
       } catch (e) {
         console.error('加载小说失败', e);
         this.error = '加载失败，请重试';
-        uni.showToast({
-          title: '加载失败，请重试',
-          icon: 'none'
-        });
-        this.novels = [];
+        this.novels = this.mockNovels; // 使用模拟数据
       } finally {
         this.loading = false;
       }
     },
     
+    // 加载广告
+    async loadAds() {
+      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);
+      }
+    },
     // 封面URL处理
     getCoverUrl(cover) {
       if (!cover) return '/static/default-cover.jpg';

RuoYi-App/utils/request.js

 // src/utils/request.js
 import config from '@/config'
 const baseUrl = config.baseUrl
+// 使用直接导出的函数，避免 this 上下文问题
+export function get(url, params = {}, options = {}) {
+  return request('GET', url, params, options)
+}
+
+export function post(url, data = {}, options = {}) {
+  return request('POST', url, data, options)
+}
 
-const http = {
-  get(url, params = {}, options = {}) {
-    return this.request('GET', url, params, options)
-  },
-  
-  post(url, data = {}, options = {}) {
-    return this.request('POST', url, data, options)
-  },
-  
-  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;
+function request(method, url, data = {}, options = {}) {
+  return new Promise((resolve, reject) => {
+    // 处理路径
+    let finalUrl = url;
+    
+    // 特殊处理 Java API
+    if (url.startsWith('/java-api')) {
+        finalUrl = url
       }
-      // 其他API添加前缀
-      else if (!url.startsWith('http')) {
-        finalUrl = '/api' + finalUrl;
+    // 普通 API 处理
+    else if (!url.startsWith('http')) {
+      // 确保只有一个 /api 前缀
+      if (!url.startsWith('/api')) {
+        finalUrl = '/api' + (url.startsWith('/') ? url : `/${url}`);
       }
-      
-      const header = {
+    }
+    
+    const baseUrl = process.env.VUE_APP_BASE_API || '/';
+    const fullUrl = baseUrl + finalUrl;
+    
+    console.log('请求URL:', fullUrl, '方法:', method);
+    
+    uni.request({
+      url: fullUrl,
+      method,
+      data,
+      header: {
         'Content-Type': 'application/json',
         ...(options.headers || {})
-      }
-      
-      // 添加认证token
-      const token = uni.getStorageSync('token')
-      if (token) {
-        header['Authorization'] = `Bearer ${token}`
-      }
-      
-      uni.request({
-        url: baseUrl + finalUrl,
-        method,
-        data,
-        header,
-        success: (res) => {
-          // 统一处理成功响应
-          if (res.statusCode >= 200 && res.statusCode < 300) {
-            resolve(res.data)
-          } else {
-            // 尝试提取错误消息
-            const errorMsg = res.data?.msg || res.data?.message || '请求失败';
-            reject(new Error(errorMsg))
-          }
-        },
-        fail: (err) => {
-          reject(err)
+      },
+      success: (res) => {
+        console.log('API响应:', res);
+        
+        // 处理未授权情况
+        if (res.statusCode === 401) {
+          uni.showToast({
+            title: '请先登录',
+            icon: 'none'
+          });
+          uni.navigateTo({
+            url: '/pages/login'
+          });
+          reject(new Error('未授权访问'));
+          return;
+        }
+        
+        // 统一处理成功响应
+        if (res.statusCode >= 200 && res.statusCode < 300) {
+          resolve(res.data)
+        } else {
+          // 尝试提取错误消息
+          const errorMsg = res.data?.msg || res.data?.message || '请求失败';
+          reject(new Error(errorMsg))
         }
-      })
+      },
+      fail: (err) => {
+        console.error('请求失败:', err);
+        reject(err)
+      }
     })
-  }
+  })
 }
 
-// 确保正确导出
-export default http
+// 导出对象以兼容旧代码
+export default {
+  get,
+  post,
+  request
+}

RuoYi-App/vue.config.js

 module.exports = {
   devServer: {
     proxy: {
-      // 代理到Java后台
-      '/java-api': {
-        target: 'http://localhost:8080',
+      '/java-api': {  // 确保匹配请求路径前缀
+        target: 'http://localhost:8080', // 替换为实际后端地址
         changeOrigin: true,
-        pathRewrite: {'^/java-api': ''}
+        pathRewrite: { '^/java-api': '' } // 去除路径前缀
       },
-      // 代理到PHP小说系统
-      '/php-api': {
-        target: 'http://php-novel-site',
+      '/api': {
+        target: 'http://localhost:8080',
         changeOrigin: true,
-        pathRewrite: {'^/php-api': ''}
+        pathRewrite: { '^/api': '' }
       }
     }
   }

RuoYi-Vue/ruoyi-system/src/main/java/com/ruoyi/novel/controller/NovelController.java

 
 // NovelController.java
 @RestController
-@RequestMapping("/api/novel")
+@RequestMapping("/novel")
 public class NovelController extends BaseController {