quasar-admin
使用quasar搭建的后台管理系统github
运行本项目
# 安装
$ npm install
# or
$ yarn install
# 运行
quasar dev
# 打包
quasar build
项目介绍
使用quasar搭建的后台管理系统
# 角色菜单权限:登录成功后,根据用户信息,获取菜单
# 按钮权限控制:返回权限,指令控制
# 菜单数据结构
[
{
icon: 'feedback',
label: '店铺管理',
path: '/storeInfo',
btns: ['btn-add','btn-delete'] # 按钮权限 与下面模拟信息不一致 思路一样
}
]
开发代码片段说明
看了官方文档 推荐使用yarn
so do it
ready ~~
# Node.js >=10 is required.
# 全局安装 yarn
npm install -g yarn
# 全局安装quasar 请看最底下注意事项
yarn global add @quasar/cli
# 项目启动执行文件
quasar.config.js
boot: [
// 要执行的文件 boot文件夹中的文件名
'axios',
'permission'
]
build: {
port: 8083, // 下面8083端口
env: {
API: ctx.dev
? 'http://localhost:8080/backend' // 后缀 与下面代理一致
: 'http://www.xxxxx.cn/'
},
}
devServer: {
proxy: {
'/backend': {
target: 'http://testapi',
changeOrigin: true,
pathRewrite: {
'^/backend': '/'
}
}
},
}
<