vue 登錄頁(yè)面 登錄成功后的操作行為

1. 將登錄成功之后的 token,保存到客戶端的 sessionStorage 中

? ? ? ?? 1.1 項(xiàng)目中出了登錄之外的其他API接口,必須在登錄之后才能訪問(wèn)

? ? ? ?? 1.2 token 只應(yīng)在當(dāng)前網(wǎng)站打開(kāi)期間生效,所以將 token 保存在 sessionStorage 中

? ? ? ? window.sessionStorage.setItem('token', res.data.token)

2. 通過(guò)編程式導(dǎo)航跳轉(zhuǎn)到后臺(tái)主頁(yè),路由地址是 /home


顯示登錄結(jié)果


token將用戶名存儲(chǔ)至?xí)挻鎯?chǔ)




通過(guò)路由導(dǎo)航守衛(wèi)控制訪問(wèn)權(quán)限

未登錄狀態(tài),不允許看到home頁(yè)面。判斷有沒(méi)有token來(lái)選擇是否看到頁(yè)面

如果用戶沒(méi)有登錄,直接通過(guò)URL訪問(wèn)特定頁(yè)面,需要重新導(dǎo)航到登錄頁(yè)面




退出清空登錄方式


點(diǎn)擊后退出當(dāng)前頁(yè)面,返回登錄頁(yè)面



格式化代碼:
將雙引號(hào)的標(biāo)記 全部識(shí)別為單引號(hào)


在代碼中使用格式化代碼,就可以實(shí)現(xiàn)

git倉(cāng)庫(kù)同步代碼

git status? 查看當(dāng)前狀態(tài)

git add .? 新增同步代碼

git commit -m "完成了登錄功能"

git branch? 查看分支

git checkout master 進(jìn)入主分支

git merge login? 將分支合并到主分支

將本低的login代碼上傳至云端? git checkout login

git branch 查看分支狀態(tài)

git push -u origin login 上傳遠(yuǎn)程倉(cāng)庫(kù)名稱(chēng)為login


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容