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