資訊專欄INFORMATION COLUMN
摘要：它的核心是借鑒的的實現(xiàn)，它的設(shè)計基本兼容，在的基礎(chǔ)上又?jǐn)U展了一些以及做了一些性能優(yōu)化。注銷后，就清除里的信息并跳轉(zhuǎn)到登錄頁面
1 stylus 預(yù)處理
項目文件assets目錄下新建stylus文件夾，新建 *.styl文件：
variable.styl 存儲公共樣式，iconfont.styl引用原iconfot.css文件，修改后綴為styl，其他不變
引入示例：@import ‘~styles/mixins.styl’
2 ajax請求本地json文件數(shù)據(jù)
a :應(yīng)該把 json文件放在最外層的static文件夾，這個文件夾是vue-cli內(nèi)置服務(wù)器向外暴露的靜態(tài)文件夾
b :一定要用get的請求方式，post就會404
3 better-scroll
better-scroll 是一款重點解決移動端（已支持 PC）各種滾動場景需求的插件。它的核心是借鑒的 iscroll 的實現(xiàn)，它的 API 設(shè)計基本兼容
iscroll，在 iscroll 的基礎(chǔ)上又?jǐn)U展了一些 feature 以及做了一些性能優(yōu)化。
4 登錄驗證實現(xiàn)思路
Vue項目中實現(xiàn)用戶登錄及token驗證
先說一下我的實現(xiàn)步驟：
使用easy-mock新建登錄接口，模擬用戶數(shù)據(jù)
使用axios請求登錄接口，匹配賬號和密碼
賬號密碼驗證后， 拿到token，將token存儲到sessionStorage中，并跳轉(zhuǎn)到首頁
前端每次跳轉(zhuǎn)時，就使用導(dǎo)航守衛(wèi)(vue-router.beforeEach)判斷 sessionStorage 中有無 token ，沒有就跳轉(zhuǎn)到登錄頁面，有則跳轉(zhuǎn)到對應(yīng)路由頁面。
注銷后，就清除sessionStorage里的token信息并跳轉(zhuǎn)到登錄頁面
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/54781.html
摘要：貢獻者飛龍版本最近總是有人問我，把這些資料看完一遍要用多長時間，如果你一本書一本書看的話，的確要用很長時間。為了方便大家，我就把每本書的章節(jié)拆開，再按照知識點合并，手動整理了這個知識樹。 Special Sponsors showImg(https://segmentfault.com/img/remote/1460000018907426?w=1760&h=200); 貢獻者：飛龍版...
摘要：此文用于匯總跟隨陳雷老師及團隊的視頻，學(xué)習(xí)源碼過程中的思考整理與心得體會，此文會不斷更新視頻傳送門每日學(xué)習(xí)記錄使用錄像設(shè)備記錄每天的學(xué)習(xí)源碼學(xué)習(xí)源碼學(xué)習(xí)內(nèi)存管理筆記源碼學(xué)習(xí)內(nèi)存管理筆記源碼學(xué)習(xí)內(nèi)存管理筆記源碼學(xué)習(xí)基本變量筆記 此文用于匯總跟隨陳雷老師及團隊的視頻，學(xué)習(xí)源碼過程中的思考、整理與心得體會，此文會不斷更新 視頻傳送門：【每日學(xué)習(xí)記錄】使用錄像設(shè)備記錄每天的學(xué)習(xí) PHP7...
摘要：入門學(xué)習(xí)筆記整理一搭建環(huán)境入門學(xué)習(xí)筆記整理二簡介與語法入門學(xué)習(xí)筆記整理三組件入門學(xué)習(xí)筆記整理四事件入門學(xué)習(xí)筆記整理五入門學(xué)習(xí)筆記整理六組件通信入門學(xué)習(xí)筆記整理七生命周期入門學(xué)習(xí)筆記整理八入門學(xué)習(xí)筆記整理九路由React 入門學(xué)習(xí)筆記整理（一）——搭建環(huán)境 React 入門學(xué)習(xí)筆記整理（二）—— JSX簡介與語法 React 入門學(xué)習(xí)筆記整理（三）—— 組件 React 入門學(xué)習(xí)筆記整理（...
閱讀 861·2021-10-14 09:43
閱讀 2189·2021-09-30 09:48
閱讀 3534·2021-09-08 09:45
閱讀 1170·2021-09-02 15:41
閱讀 1955·2021-08-26 14:15
閱讀 852·2021-08-03 14:04
閱讀 3042·2019-08-30 15:56
閱讀 3132·2019-08-30 15:52
