# vue3-temp-pc-client

**Repository Path**: baseHuang/vue3-temp-pc-client

## Basic Information

- **Project Name**: vue3-temp-pc-client
- **Description**: 模版
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-07-29
- **Last Updated**: 2023-12-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: huangyq
 * @Date: 2022-04-20 11:40:31
 * @LastEditTime: 2022-04-24 10:22:39
 * @LastEditors: huangyq
 * @Description: readme
 * @FilePath: /vue3-boilerplate-pc-client/README.md
-->

# 后台管理系统模板 PC 端

## 技术栈

1. vue3 响应式框架
2. element-plus UI 组件库
3. axios 网络请求
4. typescript 静态类型检测
5. eslint + prettier 代码规范
6. vite 工程构建
7. pinia 数据管理

## 指令

1. pnpm install 安装依赖
2. pnpm run dev 开发环境
3. pnpm run build 生产构建

## 性能检测

performance

## 路由配置

#### meta 值

- title 指定的标题
- sidebar 是否为侧边导航
- active 如果不是侧边导航，需要指定高亮的 导航，active 指定为需要高亮的导航的 name
- icon 指定的图标，使用阿里 iconfont 库，通过 plugins 导入 iconfont 链接地址，如果有 icon 增加需要更换 icon 地址，详细可查看 plugins
- 其他需要可可行扩展

#### 权限控制

- 权限控制在数据控制中 pinia 的 permission 模块中
- 登录请求了权限，存储到 pinia 中
- 每次进入路由会检测当前模块是否有权限，通过 beforeEach api 实现
- 非 login 模块，没有 token，回退到登录界面
- login 模块，有 token，清除 token。如果需要自动登录的，可修改逻辑