# vue-app-demo

**Repository Path**: liang-chaoying/vue-app-demo

## Basic Information

- **Project Name**: vue-app-demo
- **Description**: vue项目初始化模板
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-15
- **Last Updated**: 2024-03-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# Vue 3 + TypeScript + Vite 模板初始化

该项目是Vue 3 + TypeScript + Vite构建的前端开发模板，开发者可在此基础上进行开发和修改

## 项目介绍

### 完成工作

#### 1、完成了基础模块的引入，如状态管理工具pinia，vue-router路由，axios的引入以及封装
#### 2、完成了对axios的请求拦截以及响应拦截的处理，并实现了类型封装，将请求改造成泛型函数，使得类型引入更加安全和方便，使用者只需要定义所需的和后端的交互层模型，在定义请求函数时传入模型接口即可完成类型的校验和转化。
#### 3、完成了基础请求的实现，如换新令牌、登录、获取当前用户信息等请求。
#### 4、完成了路由拦截，通过前置路由守卫对需要权限的页面进行拦截，用户在访问权限页面前需向服务器获取最新的用户信息，最后返回校验，完善了授权功能。
#### 5、完成了双Token认证功能，通过登录获取accessToken和refreshToken进行本地储存，并且通过定义响应拦截实现了对用户身份的无感知刷新的动态刷新令牌的操作。

### 项目下载

#### 1、克隆下载到本地
#### 2、通过npm install下载依赖
#### 3、修改http.ts文件下的服务器地址配置
#### 4、自定义泛型接口