12. 前后端联调 + ( proxy代理 ) + ( axios拦截器 ) + ( css Modules模块化方案 ) + ( css

(1) 注册时拿到注册的所有信息,把信息传到redux中,先做前端判断(用户名和密码是否为空,密码输入是否一致 等),然后在redux的action请求后端user/login接口,传入注册信息到请求体中,规定如果后端返回res.status===200&&res.data.code=0就表示注册成功,把注册信息写入redux的reduce中,否则表示注册失败,并且由后端返回错误信息,并且存入redux,然后取出显示在前端页面 。 ----后端注册接口的逻辑:拿到前端传过来的请求数据,然后查找数据库时候存在,如果存在,表示已经注册,返回code===1,和msg=已经注册过了。否则表示未注册,则把前段数据存入数据库。并返回code表示注册成功
(2) 注册后的跳转逻辑:根据注册时的身份(genius或者boss) 和 (是否有头像) 决定跳转到 boss页面,genius页面, bossinfo页面,geniusinfo页面

(3) 登陆时,拿到登陆的所有信息,然后做前端判断(用户名,密码是否为空),然后请求后端user/login接口,传入如果返回 res.status===200 && res.data.code ===0表示登陆成功,然后拿到后端返回的数据,存入redux的reducer中。否则表示登陆失败,吧后端返回的错误信息,存入redux,返回给前端页面。--------后端接口:拿到前段给到的请求体,然后查找数据库,如果doc不存在,就返回res.jsoln({code:1}),否则表示用户信息在数据库中存在,这是存入cookie,res.cookie('名字',doc._id),然后返回数据库中存在的用户信息,返回给前段接口使用
(4) 登陆后的跳转逻辑:和注册时候一样
(5) 如果是其他页面,不在login,和register两个页面中,则在前段请求另一个接口,ingo接口,,如果后端返回code是0,res.status是200,表示有用户信息,则拿到后端返回的数据存入redux, 否则表示没有用户信息,路由跳转到登陆页面。-------后端接口逻辑:首先在该接口验证cookie是否存在,cost {usrId} = req.cookies,如果不存在返回res.json({code:1}), 然后查找数据库,有数据返回数据,没有返回相应的状态码