vue客户端

介绍

项目基于vue3.2+,使用组合式风格，项目使用开源框架pure-admin-thin,是基于同项目作者的完整框架vue-pure-admin 提炼出的架子，本项目在使用中进行了微调，以适配本项目的服务接口。在这里介绍一下平时常用的一些功能代码

1. token 的存储

使用sessionStorage进行token存储，只在当前会话中生效，项目已经修改了请求策略，会自动携带token,如果不想携带，请修改utils/http/index.ts文件的如下部分

// const whiteList = ["/login"];
if (config.url.endsWith("/login")) {
    return Promise.resolve(config);
} else {
    config.headers.Authorization =
    "Bearer " + useUserStoreHook().getToken;
}

2. 用户信息的获取

用户信息同样使用sessionStorage进行存储，具体实现部分在store/modules/user.ts中,如何使用请参照如下代码

import { useUserStoreHook } from "@/store/modules/user";
//token
const token=useUserStoreHook().getToken
//用户名
const name=useUserStoreHook().currentUser.name

3. 组件封装

项目封装了部分组件，包括vxe-table,organization等，在components目录下,使用时可自行选择