token的工作原理及其功能
一、前言
登入模組是我們在前端專案中一定會有的模組，模組中有一個重要的部分是使用者登入驗證，對於驗證使用者是否登入過，我們直接處理辦法是檢查快取中是否存在token值，若存在則使用者可直接登入，反之，使用者需登入才能訪問相關頁面，token在我們的模組的這麼重要，那麼它到底是什麼東西，是如何工作的。
二、token概念
Token在計算機身份認證中是令牌（臨時）的意思，在詞法分析中是標記的意思，更通俗點可以叫暗號，在一些資料傳輸之前，要先進行暗號的核對，不同的暗號被授權不同的資料操作。一般作為邀請、登入系統使用。
三、提前瞭解相關知識
1、Request和Session
Request
Session是使用者全域性變數，在整個會話期間都有效。只要頁面不關閉就一直有效（或者直到使用者一直未活動導致會話過期，預設session過期時間為30分鐘，或呼叫HttpSession的invalidate()方法）。存放在HttpSession物件中 ，同一個http會話中的web元件共享它。
2、sessionStorage和localStorage
2.1.不同點
sessionStorage僅在當前會話下有效，關閉頁面或瀏覽器後被清除。存放資料大小為一般為5MB,而且它僅在客戶端（即瀏覽器）中儲存，不參與和伺服器的通訊。源生介面可以接受，亦可再次封裝來對Object和Array有更好的支援。
localStorage生命週期是永久，這意味著除非使用者顯示在瀏覽器提供的UI上清除localStorage資訊，否則這些資訊將永遠存在。存放資料大小為一般為5MB,而且它僅在客戶端（即瀏覽器）中儲存，不參與和伺服器的通訊。
2.2.相同點
都是本地儲存，儲存時轉換為字串，獲取時轉換為物件；
儲存時用setItem，獲取時用getItem，清除時用clearItem
四、token的作用
1、防止表單重複提交(防止表單重複提交一般還是使用前後端都限制的方式，比如：在前端點選提交之後，將按鈕置為灰色，不可再次點選，然後客戶端和服務端的token各自獨立儲存，客戶端儲存在Cookie或者Form的隱藏域（放在Form隱藏域中的時候，需要每個表單）中，服務端儲存在Session（單機系統中可以使用）或者其他快取系統（分散式系統可以使用）中；
2、用來身份驗證；
五、token的工作原理
這裡為了更好明白，更直觀，直接用圖畫的形式解釋：
認真看完並理解了這兩張圖片，相信你一定對token有一定的認識了吧。