前端框架御三家之一的 Vue,在 2020 年第四季迎來的第三代版本,代號為 One Piece。雖說已略為上手 2.0 版,決定藉由 HiSKIO 2020 Vue3 專業職人 的課程,來加速自己的熟悉程度。這篇會筆記下在 Nuxt 上實作一個登錄流程。
課程相關資訊
[連結]:https://hiskio.com/courses/419/lectures/23669
本篇範圍:Chapter 7 ( 登入流程開發 ) ,一共有 10 篇
請注意:本系列文章為個人對應課程的消化吸收後,所整理出來的內容。換言之,並不一定會包含全部的課程內容,也有可能會添加其他資源來說明。
筆記
1. token 是後端識別前端是否登入的一個依據,一般而言會存在 localStorage 或是 Cookie 中,來進行權限控管
2. 可以透過新增出的 axios Instance,藉由 defaults.headers 內的 key-value 操作,來加上相關的 Token ( 如:Authorization )
3. 驗證失敗的情況下,要記得刪除掉因為 token 而取得的一系列資料,同時修改登入狀態,並導回首頁