token的生命週期

2021-09-25 03:55:08 字數 661 閱讀 8001

使用者未登入

1,前端 肯定沒有token

使用者執行註冊/登入

1,一旦基礎資料校驗成功,後端生成token,並且token包含此次 註冊/登入 使用者的使用者名稱

並通過 jsonresponse返回給前端

2,前端拿到返回的token後,存入瀏覽器本地儲存 方法如下:

window.localstorage.setitem('dnblog':token)

使用者每次訪問部落格頁面 【flask 前端5000埠】

1,從本地儲存中拿出token, window.localstorage.getitem('dnblog')

2,js將token 放入 request的authorization頭,傳送http請求向後端索要資料

3,伺服器接到前端請求 【當前url加了loging_check,並且請求方法在methods引數中】

如:loging_check('post'),則當前url post方法時 進行如下校驗

從request authorization頭拿出token -> 校驗 -> 校驗不通過,返回前端異常**

-> 校驗通過,正常執行對應的檢視函式

4,前端一旦接到關於token的異常碼,則刪除本地儲存中的token,且將使用者轉至登入介面

React 生命週期 生命週期方法

生命週期 掛載 更新 解除安裝 元件被建立 執行初始化 並被掛載到dom中,完成元件的第一次渲染 constructor props getderivedstatefromprops props,state render componentdidmount 元件被建立時會首先呼叫元件的構造方法,接受...

actived生命週期 Vuejs 生命週期

每個 vue 例項在被建立時都要經過一系列的初始化過程。如需要設定資料監聽 編譯模板 將例項掛載到 dom 並在資料變化時更新 dom 等。同時在這個過程中也會執行一些叫做生命週期鉤子的函式,這給了使用者在不同階段新增自己的 的機會。乙個 vue 例項 我們建立乙個 vue 例項,並在每個階段驗證 ...

vue的生命週期,什麼是生命週期

簡而言之 建立前 後,載入前 後,更新前 後,銷毀前 後 beforecreate 建立前 在資料觀測和初始化事件還未開始 created 建立後 完成資料觀測,屬性和方法的運算,初始化事件 beforemount 載入前 在掛載開始之前被呼叫,相關的render函式首次被呼叫。mounted 載入...