vue axios跨域請求 vue中Axios的封裝與API接口的管理詳解?
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請求函數(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”,URL,params)},delete:function(URL,params){return httpapi(“delete”,URL,params)}~,理論上講,如果你得到一個(gè)cookie,你可以模仿一個(gè)用戶。根據(jù)以下具體分析:
此“身份密碼”由服務(wù)器生成并放置在客戶端瀏覽器的cookie中。服務(wù)器將有一個(gè)與之對應(yīng)的會話,會話ID也存儲在cookie中。
如上所述,服務(wù)器的會話ID存儲在客戶端的cookie中,以便其他用戶在cookie中獲得會話ID后,可以模擬原始用戶啟動請求。
這似乎不合理
!但是,這是cookies和會話的機(jī)制。我們說過當(dāng)cookie被禁用后,session可能無法正常工作,但是我們可以通過get將sessionid傳遞給服務(wù)器,因此如果sessionid以明文形式傳輸,則存在安全風(fēng)險(xiǎn)。
由于cookie存儲在客戶機(jī)中并且不安全,因此當(dāng)我們將用戶數(shù)據(jù)存儲在cookie中時(shí),我們將對其進(jìn)行加密。例如,它將驗(yàn)證用戶的IP、終端身份等,即使其他用戶偽造Cookie,也無法驗(yàn)證。