lcb-cd

RuoYi-App/api/novel.js

@@ -0,0 +1,10 @@
+// src/api/novel.js
+import request from '@/utils/request'
+
+export function searchNovels(keyword) {
+  return request({
+    url: '/api/novel/list',
+    method: 'get',
+    params: { keyword }
+  })
+}

RuoYi-App/pages/search/index.vue

@@ -0,0 +1,60 @@
+<!-- src/views/search/index.vue -->
+<template>
+  <div class="app-container">
+    <el-input
+      v-model="keyword"
+      placeholder="请输入搜索内容"
+      clearable
+      @keyup.enter.native="handleSearch"
+    >
+      <el-button
+        slot="append"
+        icon="el-icon-search"
+        @click="handleSearch"
+      />
+    </el-input>
+    
+    <!-- 搜索结果展示 -->
+    <div v-if="results.length > 0" class="search-results">
+      <el-card v-for="item in results" :key="item.id">
+        <h3>{{ item.title }}</h3>
+        <p>{{ item.description }}</p>
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { searchNovels } from '@/api/novel'
+
+export default {
+  name: 'Search',
+  data() {
+    return {
+      keyword: '',
+      results: []
+    }
+  },
+  methods: {
+    handleSearch() {
+      if (!this.keyword.trim()) {
+        this.$message.warning('请输入搜索关键词')
+        return
+      }
+      
+      searchNovels(this.keyword).then(response => {
+        this.results = response.data
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.app-container {
+  padding: 20px;
+}
+.search-results {
+  margin-top: 20px;
+}
+</style>

RuoYi-App/router/index.js

@@ -0,0 +1,52 @@
+// src/router/index.js
+import Vue from 'vue'
+import Router from 'vue-router'
+import Layout from '@/layout'
+
+Vue.use(Router)
+
+export default new Router({
+  mode: 'history',
+  base: process.env.BASE_URL,
+  routes: [
+    {
+      path: '/',
+      component: Layout,
+      redirect: '/dashboard',
+      children: [
+        {
+          path: 'dashboard',
+          component: () => import('@/views/dashboard/index'),
+          name: 'Dashboard',
+          meta: { title: '首页', icon: 'dashboard' }
+        }
+      ]
+    },
+    // 添加搜索路由
+    {
+      path: '/search',
+      component: Layout,
+      hidden: true,
+      children: [
+        {
+          path: 'index',
+          component: () => import('@/views/search/index'),
+          name: 'Search',
+          meta: { title: '搜索' }
+        }
+      ]
+    },
+    // 确保所有页面都有正确的路由配置
+    {
+      path: '/login',
+      component: () => import('@/views/login/index'),
+      hidden: true
+    }
+  ]
+})
+
+// 在路由配置中添加懒加载
+{
+  path: '/novel/list',
+  component: () => import(/* webpackChunkName: "novel-list" */ '@/views/novel/list.vue')
+}

RuoYi-App/store/modules/user.js

@@ -55,6 +55,11 @@ const user = {
         login(username, password, code, uuid).then(res => {
           setToken(res.token)
           commit('SET_TOKEN', res.token)
+        commit('SET_ROLES', data.roles)
+        commit('SET_PERMISSIONS', data.permissions)
+        commit('SET_NAME', data.userName)
+        commit('SET_AVATAR', data.avatar)
+        commit('SET_MENUS', data.menus) // 确保菜单数据设置
           resolve()
         }).catch(error => {
           reject(error)

RuoYi-App/utils/permission.js

@@ -1,10 +1,25 @@
 import store from '@/store'
-
+import router from '@/router'
 /**
  * 字符权限校验
  * @param {Array} value 校验值
  * @returns {Boolean}
  */
+export function checkPermission(path) {
+  // 确保路径以斜杠开头
+  if (!path.startsWith('/')) path = '/' + path
+  
+  // 检查路由是否存在
+  const route = router.resolve(path)
+  if (!route || !route.route) {
+    console.error(`路由不存在: ${path}`)
+    return false
+  }
+  
+  // 添加权限验证逻辑
+  // ...
+  return true
+}
 export function checkPermi(value) {
   if (value && value instanceof Array && value.length > 0) {
     const permissions = store.getters && store.getters.permissions
@@ -48,4 +63,33 @@ export function checkRole(value) {
     console.error(`need roles! Like checkRole="['admin','editor']"`)
     return false
   }
-}
+}
+
+// src/permission.js
+router.beforeEach(async(to, from, next) => {
+  // 确保登录页面可访问
+  if (to.path === '/login') {
+    next()
+    return
+  }
+  
+  // 检查 token
+  const token = store.getters.token
+  if (!token) {
+    next(`/login?redirect=${to.path}`)
+    return
+  }
+  
+  // 获取用户信息
+  if (!store.getters.name) {
+    try {
+      await store.dispatch('user/getInfo')
+      next()
+    } catch (error) {
+      await store.dispatch('user/resetToken')
+      next(`/login?redirect=${to.path}`)
+    }
+  } else {
+    next()
+  }
+})