项目默认配置

11/20/2022

# 一、背景与问题

前端支持默认的项目配置,可以直接针对自己的项目提前进行默认配置

# 二、具体使用

具体代码在 src/config/app-config.js, 代码如下:

/*
 * 应用默认配置
 *
 * @Author:    1024创新实验室-主任:卓大
 * @Date:      2022-09-03 22:07:01
 * @Wechat:    zhuda1024
 * @Email:     lab1024@163.com
 * @Copyright  1024创新实验室 ( https://1024lab.net ),Since 2012
 */
export const appDefaultConfig = {
  // i18n 语言选择
  language: 'zh_CN',
  // 布局: side 或者 side-expand
  layout: 'side',
  // 侧边菜单宽度 , 默认为200px
  sideMenuWidth: 200,
  // 菜单主题
  sideMenuTheme: 'dark',
  // 标签页
  pageTagFlag: true,
  // 面包屑
  breadCrumbFlag: true,
  // 页脚
  footerFlag: true,
  // 帮助文档
  helpDocFlag: true,
  // 网站名称
  websiteName: 'SmartAdmin 2.X',
};

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

以上可以根据 实际项目需要进行修改

# 三、实现原理

在状态管理pinia中,有个 appConfig 状态,其中默认读取src/config/app-config.js 作为初始值,然后在其他各个地方引用状态管理使用。


# 联系我们

1024创新实验室-主任:卓大 (opens new window),混迹于各个技术圈,研究过计算机,熟悉点 java,略懂点前端。
1024创新实验室(河南·洛阳) (opens new window) 致力于成为中原领先、国内一流的技术团队,以技术创新为驱动,合作各类项目。

加 主任 “卓大” 微信
拉你入群,一起学习
关注 “小镇程序员”
分享代码与生活、技术与赚钱
请 “1024创新实验室” 喝咖啡
支持我们的开源与分享

告白气球 (钢琴版)
JESSE T