[笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 13

章节连结

前端框架御三家之一的 Vue,在 2020 年第四季迎来的第三代版本,代号为 One Piece。虽说已略为上手 2.0 版,决定借由 HiSKIO 2020 Vue3 专业职人 的课程,来加速自己的熟悉程度。这篇会笔记下在 Nuxt 上实作一个登录流程。

vue.js logo vue


课程相关资讯

[连结]: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 而取得的一系列资料,同时修改登入状态,并导回首页


系列文章

  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 9
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 8
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 7
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 6
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 5
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 4
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 3
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 2
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 15
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 14
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 12
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 11
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 10
  • [笔记] HiSKIO 2020 Vue3 专业职人 进阶篇 – 1
  • [笔记] HiSKIO 2020 Vue3 专业职人 加值篇 – 5
  • [笔记] HiSKIO 2020 Vue3 专业职人 加值篇 – 4
  • [笔记] HiSKIO 2020 Vue3 专业职人 加值篇 – 3
  • [笔记] HiSKIO 2020 Vue3 专业职人 加值篇 – 2
  • [笔记] HiSKIO 2020 Vue3 专业职人 加值篇 – 1
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 9-2
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 9
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 8
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 7
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 6
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 5
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 4
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 3
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 2
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 16
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 14
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 13
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 12
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 11
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 10
  • [笔记] HiSKIO 2020 Vue3 专业职人 入门篇 – 1
  • 按赞加入粉丝团

    延伸阅读