# jwt_power_control

**Repository Path**: qyd_9/jwt_power_control

## Basic Information

- **Project Name**: jwt_power_control
- **Description**: jwt的权限控制，通过jwt生成令牌，并根据令牌进行用户操作时权限的控制
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-06-16
- **Last Updated**: 2022-07-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jwt_power_control

* jwt的权限控制，通过jwt生成token，并根据token进行用户操作时权限的控制


# 介绍
* 本项目主要是新手对于权限控制的操作，在写一个前端的项目中，必不可少的就是权限的控制，与权限的验证，任何一个系统中都不可缺少，是非常重要的一部分，本项目使用最简单的逻辑来展现jwt来控制权限的全过程，很详细（PS:欢迎Star）
# 项目地址

* <a target="_blank" href="https://github.com/quyuandong/jwt_power_control.git">https://github.com/quyuandong/jwt_power_control.git</a>

# 项目的结构
![服务器+前端](https://gitee.com/qyd_9/nodebook_image/raw/master/小书匠/20191091009-4.png)

![前端整体结构](https://gitee.com/qyd_9/nodebook_image/raw/master/小书匠/20191091009-5.png)

# 项目实现的功能

 - 登录
- 前端权限验证
- axios封装
- 请求响应拦截
- token的生成与解析
- 

# 展示

![enter description here](https://gitee.com/qyd_9/nodebook_image/raw/master/小书匠/20191091009-6.png)

![enter description here](https://gitee.com/qyd_9/nodebook_image/raw/master/小书匠/20191091009-7.png)

![enter description here](https://gitee.com/qyd_9/nodebook_image/raw/master/小书匠/20191091009-8.png)

![enter description here](https://gitee.com/qyd_9/nodebook_image/raw/master/小书匠/20191091009-9.png)

![enter description here](https://gitee.com/qyd_9/nodebook_image/raw/master/小书匠/20191091009-10.png)

# 技术栈
vue技术栈 + node + express  + axios + jwt,



# 部署



#### 运行服务器---- server
==进入到server目录下==

**安装依赖**
> npm install

**运行项目**

>node server.js  | nodemon server.js


#### 运行台管理 --- jwt_power_control
**安装依赖**
> npm install

**运行项目**

>npm  run serve

**打包**
>npm run build


**登录**
>用户名：admin