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地址)。
配置相应的后台地址。
运行项目即可看到管理系统