登录注册vue

本实例仅包含两个基础模块：
登录与注册，旨在展示如何通过axios调用接口及后续逻辑的编写。各功能具体说明如下：

登录模块
用户信息不存在，密码输入错误，登录成功

退出登录

注册模块

项目功能梳理与分析

在启动项目开发之前，首先需要明确整个系统的功能组成。
用户认证模块

1. 用户在界面中输入账户名称和密码后，系统将调用相关接口进行验证
   1.1 若系统未能检索到对应的账户名称，则向用户反馈“该用户名不存在”的提示信息
   1.2 当账户名称存在但密码不一致时，系统将显示“密码输入错误”的警告信息
   1.3 账户名称与密码均匹配成功后，用户将被引导至主页面，并且系统会将用户的账户信息存储于localStorage中
   localStorage.setItem(‘key’,value)
2. 在主页面加载过程中，系统会读取localStorage.getItem(“key”)的值
   2.1 如果localStorage中未存储任何数据，则自动跳转至登录页面
   2.2 若localStorage中有数据存在，则在界面上展示当前用户的账户名称
   2.3 当用户点击退出按钮时，系统将清除localStorage中的存储内容并跳转至登录页
   localStorage.removeItem(‘key’) 用于删除指定的键及其对应的数据内容