vue中Axios的封裝與API接口的管理詳解？首先，在您創(chuàng)建的public方法的文件中創(chuàng)建一個(gè)新的HttpUtil.js文件文件。以下是總結(jié)HttpUtil.js文件內(nèi)容：VAR Axios=req

vue中Axios的封裝與API接口的管理詳解？

首先，在您創(chuàng)建的public方法的文件中創(chuàng)建一個(gè)新的HttpUtil.js文件文件。以下是總結(jié)HttpUtil.js文件內(nèi)容：VAR Axios=require（“Axios”）//配置項(xiàng)根，例如路徑VAR root=“http://localhost：8090/manage“//Axios請(qǐng)求函數(shù)httpapi（method，URL，params）{返回新承諾（（resolve，reject）=>{Axios（{method:method，URL:URL，數(shù)據(jù)：method==“post”；method==“put”？Params:null，Params:Method==“get”| | Method==“delete”？參數(shù)：null，baseurl:root，withcredentials:false}）。然后（（response）=>{解析（response）}）。Catch（（error）=>{reject（error）}）}//返回Vue模板中的調(diào)用接口，導(dǎo)出默認(rèn)值{get:function（URL，parameters）{return httpapi（“get”，URL，parameters）}，post:function（URL，parameters）}，params）{return httpapi（“post”，URL，params）}，put:function（URL，params）{return httpapi（“put”，URLparams）}，delete:function（url，params）{return httpApi（“delete”，url，params）}

隨著技術(shù)的發(fā)展和分布式web應(yīng)用的普及，通過會(huì)話管理用戶登錄狀態(tài)的成本越來越高。因此，它逐漸發(fā)展成為一種令牌方式來進(jìn)行登錄身份驗(yàn)證，然后通過令牌獲取緩存在redis中的用戶信息。隨著JWT的出現(xiàn)，驗(yàn)證方法更加簡(jiǎn)單方便，不需要通過redis緩存，而是直接根據(jù)令牌檢索保存的用戶信息，驗(yàn)證令牌的可用性。單點(diǎn)登錄更容易。

JWT通常包含兩個(gè)令牌：訪問令牌和刷新令牌。當(dāng)用戶通過登錄等方式成功驗(yàn)證身份時(shí)，服務(wù)器會(huì)生成一個(gè)訪問令牌和一個(gè)刷新令牌，并返回前端存儲(chǔ)。兩個(gè)令牌的過期時(shí)間都將在服務(wù)器上設(shè)置，但訪問令牌的過期時(shí)間較短，而刷新令牌的過期時(shí)間較長(zhǎng)。當(dāng)當(dāng)前端向服務(wù)器發(fā)送請(qǐng)求時(shí)，訪問令牌將與請(qǐng)求一起發(fā)送到服務(wù)器，以驗(yàn)證請(qǐng)求者的身份。當(dāng)服務(wù)器發(fā)現(xiàn)訪問令牌已過期時(shí)，它將返回失敗信息。此時(shí)，前端需要使用refresh token從服務(wù)器申請(qǐng)新的訪問令牌。如果刷新令牌沒有問題，服務(wù)器將生成一個(gè)新的訪問令牌。如果刷新令牌已過期，則需要要求用戶再次登錄以驗(yàn)證其身份。

總之，JWT擴(kuò)展是通過使用過期時(shí)間較長(zhǎng)的刷新令牌重新申請(qǐng)新的訪問令牌來實(shí)現(xiàn)的。當(dāng)刷新令牌也已過期時(shí)，不可能延長(zhǎng)時(shí)間。