1. 效果图
未登录时:
![在这里插入图片描述](https://img-blog.csdnimg.cn/8674ee565fad448bb4d31b06613aff84.png)
登录后:
![在这里插入图片描述](https://img-blog.csdnimg.cn/26ac12437a0c4370b82f094faec5935e.png)
2. 代码块
// @/utils/get-page-title.js
import defaultSettings from '@/settings'
const title = defaultSettings.title || 'OA System'
export default function getPageTitle(pageTitle) {
// console.log(pageTitle, 'pageTitle------')
// 如果没登录,此时暂无模块路由,所以默认直接是系统标题。
if (pageTitle) {
return `${pageTitle} - SimisOA`
}
return `SimisOA - ${title}`
}
// @/setting.js
module.exports = {
title: '标题',
/**
* @type {boolean} true | false
* @description Whether fix the header 是否修复标题
*/
fixedHeader: false,
// 侧边栏是否显示LOGO图片
/**
* @type {boolean} true | false
* @description Whether show the logo in sidebar 是否在侧边栏显示徽标
*/
sidebarLogo: false
}
// vue.config.js
const defaultSettings = require('./src/settings.js')
const name = defaultSettings.title || 'OA System' // page title
module.exports = {
configureWebpack:{
name:name,
resolve: {
alias: {
'@': resolve('src') // 默认@指向src
}
}
}
}