# front_template

**Repository Path**: MichaelZhao0517/front_template

## Basic Information

- **Project Name**: front_template
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-22
- **Last Updated**: 2024-11-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

登录
入口为/src/views/login。
 

需要注意和修改的点
1）安装方式用 pnpm
1）
2）

3）登录前的验证操作 进入useUserStoreHook() 方法中去操作。
里面有三个方法，登录，登出和刷新，刷新由于我登录后的策略是看后台穿过来的过期时间，如果过期，直接登出，所以没有用handRefreshToken()这个方法。如果想更改种方式，用刷新功能，可以查找用到 handRefreshToken的代码
（src\utils\http\index.ts），做相应的更改。

4）路由，配置要访问的页面路径。
src\router\modules\
enums.ts用于排序页面
utils.ts 增加一个方法findByName，通过路径找到对应的路由信息。(可忽略)

5）api 要访问后端时调用
src\api
大部分正常，没什么说法。
routes.ts 是动态路由，我这里写死了，可以改成从后端传过来的值，也可以不动。
setting.ts 下载时用到

6）http 访问后端前做的事情。
src\utils\http\index.ts
httpInterceptorsRequest 做了部分更改。
过期直接退到登录页面，
没过期，看权限

7）整体布局
Path ：src\layout\
更改到顶部图案 src\layout\components\appMain.vue  backtop

主题色 src\layout\theme\index.ts
折叠图标颜色 src\layout\components\sidebar\leftCollapse.vue
基础颜色public\serverConfig.json
表头颜色 src\style\element-plus.scss

8）创建页面
Path：src\views\

9）下载
src\views\oms\index2.vue

10） 格式化文档下所有文件  pnpx prettier --write .
11） https://yiming_chang.gitee.io/pure-admin-doc/pages/config/#serverconfig-json