Quasar搭建后台管理

quasar官网

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': '/'
              }
            }
          },
}

<