vue開發 生成token並儲存到本地儲存中

2021-09-13 12:26:33 字數 815 閱讀 1890

首先回顧一下token:

token認證是restful.api的乙個很重要的部分,通過token認證和token設定,後端會有乙個介面傳給前台:

其實就是向使用者表裡去生成乙個token

這裡的client_id相當於使用者名稱,client_key相當於密碼,這樣後台會生成乙個client_token,我們需要把這個token儲存到客戶端中。

前端的資源一般放在另外的伺服器中,這樣後台需要進行進行跨域操作,在php**中增加標頭檔案

//就是我們常用的access-control-allow-origin

header("access-control-allow-origin: *");

header("access-control-allow-methods:get,post");

header("access-control-allow-headers:x-requeted-with,content-type,if-modified-since");

這樣操作就可以成功實現後台跨域。

前台專案使用的是vuex來進行狀態管理,分為state、mutations、actions三大部分,我們在actions裡定義乙個userlogin方法,傳送http用來請求後端伺服器資料,返回的響應資料儲存在mutations裡的setuser中,因為actions裡定義的userlogin方法是供使用者登入時呼叫的,所以在userlogin.vue中也要使用userlogin方法。

開發記錄 基於JWT生成token

token用於驗證使用者登入,傳統的基於cookie的session認證已經滿足不了需求了。伺服器端可以設定token的生成規則以及有效時間,每當進行登入判斷的時候,伺服器就檢視這個token是不是按照伺服器約定的生成規則生成的token,以此來校驗使用者登入。1 支援跨域訪問,將token置於請求...

JWT功能開發 後端生成token

安裝 jsonwebtoken npm i s jsonwebtoken使用 const jwt require jsonwebtoken const require utils constant login username,password then user else private key,...

生成gazebo動作並儲存

在模型的資料夾內先開啟gazebo和模型 400 source devel setup.bash 401 roslaunch leap one leap one gazebo.launch 然後在動作器的檔案執行終端開啟動作生成器 python2 gazebo ajustment.py 有問題 tr...