@midcu/vue-auth

vue-auth

一个基于vue的前端框架插件，包括权限验证、用户管理、角色管理、菜单管理、权限管理等功能。

项目demo，用户密码：admin：123

依靠vue-auth可以迅速的搭建起一个新的管理系统

安装使用

npm install -S @midcu/vue-auth element-ui axios

配置

框架依赖vuex作为全局状态管里，vue-router作为路由跳转控制，Axios作为HTTP请求工具，ElementUi作为UI框架

可配置内容，详见config，其他配置可详见项目的具体代码

import Axios from 'axios'
import Auth from '@midcu/vue-auth'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

const request = Axios.create({
  baseURL: '/api',
  timeout: 30000
})

Vue.use(Auth, {
    router, //vue-router的实例
    loader: (name) => import('./views/'+name), // [name].vue页面懒加载的函数
    store, // vuex的实例
    request,// Axios的实例
    { } // config 插件的配置，覆盖默认配置
})

new Vue({
    router,
    store,
    render: (h) => h("va-main")
}).$mount('#app')

运行测试

建议使用vue-cli搭建vue项目(ps:运行前清除原有的route地址)。

配置相应的后台地址。

运行项目即可看到管理系统