一登录页
静态布局&图形验证码功能




图形验证码功能

api接口模块-封装图片验证码接口



阅读文档,掌握toast轻提示

短信验证功能



封装api登录接口-实现登录





响应拦截器-统一处理错误




将token权证信息存入vuex
storage存储模块-vuex持久化处理



初始化:应用启动时,user 模块的 state 会通过 getInfo() 从 localStorage 读取用户信息(如 token),自动登录。 更新:登录成功后,调用 this.store.commit('user/setUserInfo', userData),Vuex 状态和本地存储会同时更新。 退出:调用 this.store.commit('user/setUserInfo', { token: '', userId: '' }) 或直接调用 removeInfo(),清除状态和本地存储
添加请求loading效果



全局前置导航守卫



二首页-静态结构准备&动态渲染





三搜索
历史管理




搜索列表页-静态布局与渲染

