# vue3_admin

**Repository Path**: grasse/vue3_admin

## Basic Information

- **Project Name**: vue3_admin
- **Description**: vue3_admin
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-10-22
- **Last Updated**: 2022-11-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 说明
- day01
  - 项目接口:
    * 商品管理接口 http://39.98.123.211:8510/swagger-ui.html
    * 权限接口 http://39.98.123.211:8170/swagger-ui.html

  - 书写登录的api接口及类型
    * `api/user.ts`
    * axios.get()方法要书写一个泛型,代表当前请求的数据类型,`axios.get<null,类型>()`

  - 重写登录逻辑
    * 重写store中的login方法
    * 在方法中发送真实的请求,并且把token保存起来

  - 重写获取用户信息逻辑
    * 在store中重写getInfo方法,变成真正的请求
    * 我们要在请求头中配置token的请求头,才能真正的把请求发送成功
    * 注意:在非组件中使用pinia的hooks的时候,比如传递pinia作为参数

  - 重写退出登录逻辑
    * 在store中重新书写一个logout方法,不再直接使用之前的reset方法
    * logout方法中要发送请求,然后成功之后,调用reset方法
    * 在NavBar组件中,把退出登录的按钮逻辑的调用方法改为logout