# Vue-Access-Control

**Repository Path**: lvzhuqingxgj/Vue-Access-Control

## Basic Information

- **Project Name**: Vue-Access-Control
- **Description**: Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的用户权限控制
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 51
- **Created**: 2021-08-14
- **Last Updated**: 2021-11-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

English | [中文](README_CN.md)

# vue-access-control

[![Build Status](https://travis-ci.com/tower1229/Vue-Access-Control.svg?branch=master)](https://travis-ci.com/tower1229/Vue-Access-Control)  [![license](https://img.shields.io/github/license/tower1229/Vue-Access-Control.svg)]()

> :gem: Frontend access control framework based Vue

![logo](https://refined-x.com/asset/vsc-logo.png)

## Introduction

Vue-Access-Control is a solution of front-end user rights control based on Vue/Vue-Router/axios,through the control of three levels of routing, view and request, the developer can realize the user authority control of any granularity.

The management function can refer to [Vue-Scaffold](https://github.com/tower1229/Vue-Scaffold) project.

## Documentation

[Vue2.0用户权限控制解决方案](http://refined-x.com/2017/11/28/Vue2.0%E7%94%A8%E6%88%B7%E6%9D%83%E9%99%90%E6%8E%A7%E5%88%B6%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/)

[基于Vue实现后台系统权限控制](http://refined-x.com/2017/08/29/%E5%9F%BA%E4%BA%8EVue%E5%AE%9E%E7%8E%B0%E5%90%8E%E5%8F%B0%E7%B3%BB%E7%BB%9F%E6%9D%83%E9%99%90%E6%8E%A7%E5%88%B6/)

[用addRoutes实现动态路由](http://refined-x.com/2017/09/01/%E7%94%A8addRoutes%E5%AE%9E%E7%8E%B0%E5%8A%A8%E6%80%81%E8%B7%AF%E7%94%B1/)

## Download

homepage: http://refined-x.com/Vue-Access-Control/

git: `git clone https://github.com/tower1229/Vue-Access-Control.git`


## Live Example

test account:

``` bash
1. username: root
   password: any password
2. username: client
   password: any password
```

live example:

[http://refined-x.com/Vue-Access-Control/](http://refined-x.com/Vue-Access-Control/)

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run serve

# build for production with minification
npm run build

```

## License

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Ftower1229%2FVue-Access-Control.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2Ftower1229%2FVue-Access-Control?ref=badge_large)

Copyright (c) 2017-present, [refined-x.com](http://refined-x.com)