❤ 解析若依框架之前台修改
1、修改页面标题和logo
修改网页上的logo
ruoyi-ui --> public --> favicon.ico,把这个图片换成你自己的logo
修改网页标题
根目录下的vue.config.jsconst name = process.env.VUE_APP_TITLE || ‘若依管理系统’ // 网页标题
换成自己网站标题
修改页面中的logo
ruoyi-ui --> src --> assets --> logo --> logo.png,把这个图片换成你自己的logo
修改页面标题
ruoyi-ui --> src --> layout --> components --> Sidebar --> Logo.vuetitle: ‘若依管理系统’, 换成自己网站的名称(或者全局搜索)
修改登录名称
ruoyi-ui --> src -->views 下的login.vue文件中的
<h3 class="title">若依后台管理系统</h3>
修改成自己的管理后台名称
修改注册系统显示名称
ruoyi-ui --> src -->views 下的register.vue 文件中的
<h3 class="title">
若依后台管理系统 修改成自己管理后台名称
配置文件名称
将这个名称 VUE_APP_TITLE = 若依管理系统
换成自己网站名称
2、首页右上角 源码地址 & 文档地址头部管理
在ruoyi-ui=> src => layout => Navnar.vue 下找到 Navbar.vue 这个文件
3、更改面包屑
注意components =》 Breadcrumb=》 index.vue
isDashboard(route) {const name = route && route.nameif (!name) {return false}return name.trim() === 'Index'},//判别 name.trim() === 'Index' 是否和路由名称对应
4、发布服务器,点击刷新、退出报404和nginx欢迎页面问题解决
layout => Navbar
监听多次刷新时是否 重新载入或者跳转到index
async logout () {this.$confirm('确定注销并退出系统吗?', '提示', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(() => {// this.$store.dispatch('LogOut').then(() => {// location.reload()// })this.$store.dispatch('LogOut').then(() => {location.href = '/index';})})}
//【解决结果】无效
5、若依 ruoyi 修改默认布局设置
代码 ruoyi-ui/src/settings.js
6、开启网页的动态标题
标题与路由呼应
7、 自己设定当前标题
直接挂载到mounted 里面即可
mounted(){document.title ='测试权限';}