Skip to content

概述

后台前端的核心业务与 UI 布局配置位于 src/setting.js 中。开发者可以通过调整该配置自定义系统默认的布局风格、菜单交互及接口请求参数。


基础与接口配置

javascript
// src/setting.js
export default {
    // 网页标题后缀(如:“- 承信租管理后台”)
    titleSuffix: ' - 承信租',
    // 路由模式:'history' | 'hash'
    routerMode: 'history',
    // 应用基础路径
    routerBase: '/admin/',
    // 页面切换时是否展示加载进度条
    showProgressBar: true,
    // 接口请求基础地址(若留空则走相对路径同源代理)
    apiBaseURL: process.env.NODE_ENV === 'production' ? '' : '/adminapi',
    // 接口报错弹窗停留时间(秒)
    modalDuration: 3,
    // Cookies 默认存储时效(天)
    cookiesExpires: 1
}

布局与导航配置 (layout)

配置项默认值作用说明
siderTheme'dark'侧边栏主题风格('dark' 暗黑 / 'light' 亮白)
headerTheme'light'顶栏主题风格('light' / 'dark' / 'primary'
tabstrue是否启用多标签页(Tabs)导航
tabsFixtrue是否固定多标签页在顶部
siderFixtrue是否固定侧边栏
headerFixtrue是否固定顶栏
headerMenufalse是否开启顶部一级菜单栏模式
menuAccordiontrue侧边菜单栏是否开启手风琴模式(同时仅展开一组)
showSiderCollapsetrue是否显示侧边栏折叠展开按钮
showBreadcrumbtrue是否展示顶部面包屑导航
showLogtrue是否显示前端错误日志收集图标
logoutConfirmtrue点击退出登录时是否弹出确认提示框

侧边栏菜单宽度与动态样式

若需调整侧边栏宽度:

  1. 修改 src/setting.js 中的 menuSideWidth: 256
  2. 同步修改 src/styles/setting.less 中的 @menuSideWidth: 256px

承信租多门店租赁商城系统官方文档