資訊專欄INFORMATION COLUMN
摘要：介紹結(jié)合框架作手機(jī)頁面的登錄注冊組件登錄注冊相關(guān)知識(shí)點(diǎn)和的作用個(gè)人理解，如果不到位，懇請指出我的電腦通過請求登錄某一個(gè)網(wǎng)頁，登錄成功之后，服務(wù)器會(huì)返回一個(gè)給我的電腦。
介紹
結(jié)合`vue`框架作手機(jī)H5頁面的登錄注冊組件登錄注冊相關(guān)知識(shí)點(diǎn)
1.cookie和token的作用（個(gè)人理解，如果不到位，懇請指出）
token： 我的電腦通過http請求登錄某一個(gè)網(wǎng)頁，登錄成功之后，服務(wù)器會(huì)返回一個(gè)token給我的電腦。 然后我只要把這個(gè)token保存下來,等下一次用我的電腦請求同一個(gè)頁面時(shí)，服務(wù)器會(huì)自動(dòng)驗(yàn)證我的token。 它會(huì)用它自己才知道的密鑰解析這個(gè)token是不是它上一次發(fā)送給我電腦的。 如果解析之后數(shù)據(jù)一致，那么我就可以不用登錄直接訪問頁面，如果不一致，則會(huì)認(rèn)證不通過。 cookie：登錄之后，服務(wù)器也會(huì)返回一個(gè)cookie給我的瀏覽器。 cookie的作用是可以保存在本地。所以這里我是用請求到的token保存在cookie里面。 就可以做到下次免登錄就可以訪問頁面了。
2.登錄注冊與cookie、token的聯(lián)系
第一次登錄注冊------->服務(wù)器返回token、cookie----->不保存token，關(guān)閉瀏覽器---->下一次登錄需要輸入賬號密碼 第一次登錄注冊------->服務(wù)器返回token、cookie----->把token保存在cookie里面，使其token保存在本機(jī)上----->關(guān)閉瀏覽器---->下一次登錄不需要賬號密碼就可以訪問該頁面
3.獲取cookie、設(shè)置cookie、刪除cookie
1）把這個(gè)三個(gè)方法放在公共的js文件中，需要用到時(shí)調(diào)用
4.代碼實(shí)現(xiàn)
1）.用v-model雙向綁定數(shù)據(jù)點(diǎn)擊下一步的時(shí)候，用正則判斷用戶名和手機(jī)號是否是滿足要求，滿足要求則可以點(diǎn)擊下一步
同樣，也是用v-model雙向綁定數(shù)據(jù)
引進(jìn)請求后臺(tái)接口的函數(shù)，以及設(shè)置cookie的函數(shù)
import { getCodeNum, getRegister } from "api/register.js"
import { setCookie } from "common/js/cookie.js"
4）.在路由進(jìn)入之前判斷有沒有token，是為了請求用戶信息的接口，可以獲取注冊成功之后的頭像以及用戶名
5）.退出登錄，清除cookie
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/99974.html
摘要：傳統(tǒng)的網(wǎng)頁編程采用的三劍客來實(shí)現(xiàn)，在微信小程序中同樣有三劍客。觀察者模式不難實(shí)現(xiàn)，重點(diǎn)是如何在微信小程序中搭配其特有的生命周期來使用。交互事件傳統(tǒng)的事件傳遞類型有冒泡型與捕獲型，微信小程序中自然也有。 本文由作者鄒永勝授權(quán)網(wǎng)易云社區(qū)發(fā)布。 簡介為了更好的展示我們即時(shí)通訊SDK強(qiáng)悍的能力，網(wǎng)易云信IM SDK微信小程序DEMO的開發(fā)就提上了日程。用產(chǎn)品的話說就是: 云信 IM 小程序 S...
摘要：前言一直混跡社區(qū)突然發(fā)現(xiàn)自己收藏了不少好文但是管理起來有點(diǎn)混亂所以將前端主流技術(shù)做了一個(gè)書簽整理不求最多最全但求最實(shí)用。 前言 一直混跡社區(qū),突然發(fā)現(xiàn)自己收藏了不少好文但是管理起來有點(diǎn)混亂; 所以將前端主流技術(shù)做了一個(gè)書簽整理,不求最多最全,但求最實(shí)用。 書簽源碼 書簽導(dǎo)入瀏覽器效果截圖showImg(https://segmentfault.com/img/bVbg41b?w=107...
摘要：主要當(dāng)作屬性來使用方法表示一個(gè)具體的操作，主要書寫業(yè)務(wù)邏輯一個(gè)對象，鍵是需要觀察的表達(dá)式，值是對應(yīng)回調(diào)函數(shù)。Vue.js - Day3 定義Vue組件 什么是組件： 組件的出現(xiàn)，就是為了拆分Vue實(shí)例的代碼量的，能夠讓我們以不同的組件，來劃分不同的功能模塊，將來我們需要什么樣的功能，就可以去調(diào)用對應(yīng)的組件即可； 組件化和模塊化的不同： 模塊化： 是從代碼邏輯的角度進(jìn)行劃分的；方便代碼分層開...
閱讀 3747·2023-04-25 18:41
閱讀 1180·2021-11-11 16:55
閱讀 1840·2021-09-22 15:54
閱讀 3075·2021-09-22 15:51
閱讀 3551·2019-08-30 15:55
閱讀 1947·2019-08-30 14:19
閱讀 1287·2019-08-29 10:57
閱讀 1708·2019-08-29 10:56
