npm 安装
npm i dx-admin-components -S
组件
侧导航组件
支持三级导航
Usage
import {SideMenu} from 'dx-admin-components'
<side-menu :menu-data="menuData"></side-menu>
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| menu-data | 导航数组 | Array | — | — |
| slot#extend | 导航底部插槽 | — | — | — |
| mode | 导航样式 | String | SINGLE, DOUBLE | — |
menu-data
{
iconUrl: 'iconyonghu',
name: '首页',
pathUrl: '/',
children: [],
},
工具
cookie
解决不同环境token隔离, 同环境不同应用token共享的问题, 需要设置环境变量: process.env.ENV
import {cookie} from 'dx-admin-components';
// 写
cookie.set('name', 'value', { expires: 7, path: '' })
// 读
cookie.get('name', 'value')
// 删
cookie.remove('name')
上传华为obs
通过命令行上传文件到华为云obs存储
在项目根目录创建 .env 文件：
access_key_id=ACCESS_KEY_ID
secret_access_key=SECRET_ACCESS_KEY
server='https://your-endpoint'
Bucket=BUCKET #obs桶，例如 deepexi-spaas
folder=FOLDER #obs目录，例如 parent_directory/test
dist=dist #本地文件的目录, 默认值 dist
server参考地区和终端节点
usage
在scripts中增加一行 "upload": "dx-upload --mode test --target huawei"，通过mode指定加载额外的.env.[mode]文件
.env # 在所有的环境中被载入
.env.[mode] # 只在指定的模式中被载入,会替换.env同名变量
上传京东oss
通过命令行上传文件到京东oss
在项目根目录创建 .env 文件：
jd_accessKeyId=ACCESSKEYID
jd_secretAccessKey=SECRETACCESSKEY
jd_Bucket=BUCKET # 空间名，如：dr-console
jd_region=cn-east-2 # 参考控制台的Endpoint，如： cn-north-1
jd_folder=dev # 空间下面的文件夹
usage
在scripts中增加一行 "upload": "dx-upload --mode dev --target jidong"，通过mode指定加载额外的.env.[mode]文件
.env # 在所有的环境中被载入
.env.[mode] # 只在指定的模式中被载入,会替换.env同名变量,比如可以设置不同环境上传到不同目录
上传 ali-oss
通过命令行上传文件到ali-oss
在项目根目录创建 .env 文件：
ali_region=REGION
ali_accessKeyId=ACCESSKEYID
ali_accessKeySecret=ACCESSKEYSECRET
ali_bucket=BUCKET
ali_folder=FOLDER # 桶下面的文件夹
usage
在scripts中增加一行 "upload": "dx-upload --mode dev --target ali"，通过mode指定加载额外的.env.[mode]文件
.env # 在所有的环境中被载入
.env.[mode] # 只在指定的模式中被载入,会替换.env同名变量,比如可以设置不同环境上传到不同目录