Token和API封裝的理解

2021-10-10 04:08:25 字數 1575 閱讀 1259

示例: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.$函式名=函式名

API封裝和token設定

三 如何封裝?總結在日常做專案請求介面時,在不同的元件都有不同的介面,要修改更換介面的時候要乙個個找,太不方便了,這時候我們就需要封裝api。封裝api就相當於搞乙個的檔案或資料夾來統一管理你的介面路徑,在你修改查詢介面時更方便,也可以減少元件裡的 操作,是專案結構內容更加清晰。token是服務端生...

關於API封裝搭建,註冊登入和Token的理解

簡化使用成本。封裝是針對專案來說的,我們可以給定請求的主網域名稱 請求頭等預設值 減少使用請求時的需要傳的引數和其他配置等 現在根目錄中的src檔案中設定api檔案,在api檔案中設定以下檔案 在這裡可以設定請求攔截 響應攔截 如下 示例 import axios from axios import...

api封裝 搭建,註冊登入關於token的一些理解

作用 為了以後修改介面方便,如果專案很大,在每乙個頁面裡修改介面的話,很麻煩,所以封裝在乙個檔案裡,找起來也很方便 在 src 中新建乙個資料夾 util,util中新建兩個js檔案,乙個叫request.js,乙個叫api.js 在request中引入axios,然後穿件乙個axios的例項,在這...