admin 管理员组

文章数量: 1184232

Jeecg-Boot 更换首页 踩坑日记

环境说明：
node: v16.18.0
yarn: v1.22.19
vue: 2.x
框架：jeecg-boot

一、首先网上有很多帖子，但是大部分是告诉你将首页内容重写

这么简单的事情，不需要我去多做说明了吧？

二、将首页菜单的配置数据改成你自己的组件

  1. 到src/views文件夹下面，创建一个vue组件，编写你的首页内容
  2. 去菜单管理页面，找到首页那条数据，然后把路径改成你的组件对应的路径，即可；
  3. 点击保存，刷新页面；

三、彻底更改首页指向

  • Java后端

    将下图红框中的代码注释掉。
    说明一下，第二个框是因为删除首页数据，会 退出系统，并重新登陆报错。如果你的系统没有这个问题，可以不用管

  • 前端

    • 在src/views创建一个组件，作为您的首页
    • 到src/config/router.config.js中，找到constantRouterMap，并添加路由
    • 找到src/utils/util.js文件，搜索generateIndexRouter方法，修改成下面这样： 
    // 生成首页路由exportfunctiongenerateIndexRouter(data){
     
     let indexRouter =[{
     
     path:'/',name:'为路由起的名字',//component: () => import('@/components/layouts/BasicLayout'),component:resolve=>require(['@/components/layouts/TabLayout'], resolve),meta:{
     
     title:'您首页的名字'},// redirect: '/dashboard/analysis',redirect:'您的路由',children:[...generateChildRouters(data)]},{
     
     "path":"*","redirect":"/404","hidden":true

本文标签： 组件 更换首页 编程

版权声明：本文标题：Jeecg-Boot 更换首页 踩坑日记_jeecg vue 首页路由替换 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1773883559a3566813.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。