摘要:介绍结合框架作手机页面的登录注册组件登录注册相关知识点和的作用个人理解,如果不到位,恳请指出我的电脑通过请求登录某一个网页,登录成功之后,服务器会返回一个给我的电脑。
介绍
结合`vue`框架作手机H5页面的登录注册组件登录注册相关知识点
1.cookie和token的作用(个人理解,如果不到位,恳请指出)
token: 我的电脑通过http请求登录某一个网页,登录成功之后,服务器会返回一个token给我的电脑。 然后我只要把这个token保存下来,等下一次用我的电脑请求同一个页面时,服务器会自动验证我的token。 它会用它自己才知道的密钥解析这个token是不是它上一次发送给我电脑的。 如果解析之后数据一致,那么我就可以不用登录直接访问页面,如果不一致,则会认证不通过。 cookie:登录之后,服务器也会返回一个cookie给我的浏览器。 cookie的作用是可以保存在本地。所以这里我是用请求到的token保存在cookie里面。 就可以做到下次免登录就可以访问页面了。
2.登录注册与cookie、token的联系
第一次登录注册------->服务器返回token、cookie----->不保存token,关闭浏览器---->下一次登录需要输入账号密码 第一次登录注册------->服务器返回token、cookie----->把token保存在cookie里面,使其token保存在本机上----->关闭浏览器---->下一次登录不需要账号密码就可以访问该页面
3.获取cookie、设置cookie、删除cookie
1)把这个三个方法放在公共的js文件中,需要用到时调用
4.代码实现
1).用v-model双向绑定数据点击下一步的时候,用正则判断用户名和手机号是否是满足要求,满足要求则可以点击下一步
同样,也是用v-model双向绑定数据
引进请求后台接口的函数,以及设置cookie的函数
import { getCodeNum, getRegister } from "api/register.js" import { setCookie } from "common/js/cookie.js"4).在路由进入之前判断有没有token,是为了请求用户信息的接口,可以获取注册成功之后的头像以及用户名 5).退出登录,清除cookie
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/99974.html
摘要:传统的网页编程采用的三剑客来实现,在微信小程序中同样有三剑客。观察者模式不难实现,重点是如何在微信小程序中搭配其特有的生命周期来使用。交互事件传统的事件传递类型有冒泡型与捕获型,微信小程序中自然也有。 本文由作者邹永胜授权网易云社区发布。 简介为了更好的展示我们即时通讯SDK强悍的能力,网易云信IM SDK微信小程序DEMO的开发就提上了日程。用产品的话说就是: 云信 IM 小程序 S...
摘要:前言一直混迹社区突然发现自己收藏了不少好文但是管理起来有点混乱所以将前端主流技术做了一个书签整理不求最多最全但求最实用。 前言 一直混迹社区,突然发现自己收藏了不少好文但是管理起来有点混乱; 所以将前端主流技术做了一个书签整理,不求最多最全,但求最实用。 书签源码 书签导入浏览器效果截图showImg(https://segmentfault.com/img/bVbg41b?w=107...
阅读 3700·2023-04-25 18:41
阅读 1135·2021-11-11 16:55
阅读 1755·2021-09-22 15:54
阅读 3013·2021-09-22 15:51
阅读 3512·2019-08-30 15:55
阅读 1894·2019-08-30 14:19
阅读 1245·2019-08-29 10:57
阅读 1671·2019-08-29 10:56