javascript - Webapp 關(guān)閉后重新打開無需登錄如何操作?
問題描述
我是個新人,最近給公司做一個webapp(是那種掃描二維碼進(jìn)入頁面的),測試的時候有個問題就是,如果關(guān)閉了頁面,重新掃描二維碼會要求重新登錄,非常的麻煩,我查詢了百度,發(fā)現(xiàn)用HTML5的localStorage可以解決,但我畢竟是個新人,所以不知道,這個如何和數(shù)據(jù)庫里面的數(shù)據(jù)進(jìn)行匹配或者校驗(yàn)?
問題解答
回答1:看你服務(wù)器是用的什么認(rèn)證,你要問后端人員,如果是cookie認(rèn)證的話就不用前端這邊加特殊操作。
如果是要把token認(rèn)證的話,那就每次進(jìn)頁面調(diào)取任意一個需要帶token的接口,如果調(diào)取失敗則說明沒有登錄,如果調(diào)取成功則說明已經(jīng)登錄。
只要你不清掉儲存的token,或者token不過期,則就是自動登錄的。
回答2:islogin(){ let user = localStorage.getItem('USER_INFO') if(user){// 登陸了 }else{// this.login({user}) }},login(){ ....ajax success(user){// 登陸成功后localStorage.setItem('USER_INFO',user) }}回答3:
1、前后端不分離:登錄狀態(tài)應(yīng)該由后端來維護(hù);2、前后端分離:用戶登錄成功后,后端返回一個token,前端將token存在本地(localstorage或者cookie),每次請求的時候帶上token即可。
相關(guān)文章:
1. 求救一下,用新版的phpstudy,數(shù)據(jù)庫過段時間會消失是什么情況?2. vue.js - npm run dev報錯了,不知道是不是node.js或者npm installed的版本問題3. PHP類屬性聲明?4. objective-c - ios百度地圖定位問題5. javascript - vue引入微信jssdk 配置在哪個生命周期調(diào)取接口配置?6. lucene - java web 現(xiàn)在做搜索功能,用什么比較好呢7. 跟著課件一模一樣的操作使用tp6,出現(xiàn)了錯誤8. php laravel框架模型作用域9. PHPExcel表格導(dǎo)入數(shù)據(jù)庫怎么導(dǎo)入10. javascript - 這種效果是輪播的效果嗎??沒有思路,求解釋。謝謝大家
