登录
需要在路由表里使用beforeEach守卫拦截判断状态
1. 没有登录,需要跳转到登录页
2. 登录,直接进入
ps:判断是否需要登录,看路由里面配置有没有meta元信息 ( login为true )
beforeEach守卫拦截判断一下
登录
此时可引用饿了么开放的框架(element UI)
自行去from表单找属性复制代码
rules 验证规则
model 数据对象
validate 对整个表单进行校验的方法,参数为一个回调函数。该回调函数会在校验结束后被调用,并传入两个参数:是否校验成功和未通过校验的字段
通过点击事件提交状态
若code为0,则登陆成功(跳转回首页) (code为0是后端返回给咱的成功状态)
登陆成功就把数据(token)存放在本地存储中
若code为1,则登陆失败,返回服务器提示的错误信息
此前提需要写注册页注册账号方可登录
退出登录
点击退出删除本地存储中的token数据,返回首页
以上就是美食杰项目的登录,注册以及登出的概述,各位可自行练习