Token和API封裝的理解

示例：token，就是令牌，最大的特點就是隨機性，不可**

使用token的流程:

使用基於 token 的身份驗證方法，在服務端不需要儲存使用者的登入記錄。大概的流程是這樣的：

客戶端使用使用者名稱、密碼請求登入

服務端收到請求，去驗證使用者名稱、密碼

驗證成功後，服務端會簽發乙個 token，再把這個 token 傳送給客戶端

客戶端收到 token 以後可以把它儲存起來，比如放在 cookie 裡或者 local storage 、session storage裡

客戶端每次向服務端請求資源的時候需要帶著服務端簽發的 token

服務端收到請求，然後去驗證客戶端請求裡面帶著的 token，如果驗證成功，就向客戶端返回請求的資料

token是服務端生成的一串字串，以作客戶端進行請求的乙個令牌，當第一次登入後，伺服器生成乙個token便將此token返回給客戶端，以後客戶端只需帶上這個token前來請求資料即可，無需再次帶上使用者名稱和密碼

token的目的是為了減輕伺服器的壓力，減少頻繁的查詢資料庫，使伺服器更加健壯

**如下（示例）：

onloginok()
).then
((res)
=>
else}}
);},

1.為什麼要將api封裝起來方便對專案的api進行管理，可以快速的找到對應api的位置與對應的內容，方便進行修改等操作。為了加強專案的可維護性

2.api封裝的思路

首先先建立三個js檔案，分別是core.js(核心檔案) config.js(配置檔案) index.js(入口檔案)

（1）在核心檔案中首先建立乙個axios例項裡面寫baseurl（請求頭）和超時時間 2、丟擲去乙個函式作用判斷是 get請求還是post請求 3、封裝返回請求的方式，4、在核心檔案裡面引入配置檔案裡面的請求的封裝方式；

（2）在配置檔案中 1、封裝請求方式 2、封裝請求路徑

（3）在入口檔案中 1、引入核心檔案和配置檔案 2、在乙個物件裡面封裝乙個函式 return返回請求方式和請求位址和引數 ;3、丟擲去這個物件；（4）最後把入口檔案裡面的物件引入到main.js 裡面，全域性註冊一下， vue.prototype.$函式名=函式名