nuxt框架前後端登入註冊功能實現 二

2021-10-09 13:19:35 字數 438 閱讀 5666

上次說到了登錄檔單驗證的規則,登入表單也類似這裡就不在說了。

現在來講一下後端註冊和登入介面,以及前端登入如何顯示相應的一些使用者資料。

登入介面的實現原理:

1 先將前端傳遞過來的vo實體類的屬性進行判斷是否為空,

若有乙個為空則登入失敗,

2 根據傳遞過來的登入賬號,判斷資料庫中是否有該條資料,若無則登陸失敗,

3 我的資料庫欄位中密碼不是明文,一般來說正常專案中的存密碼欄位也不會是明文,所以前端傳過來的密碼進行加密再與資料庫中密碼字段對比,不一致則登入失敗,此處我用的是md5加密

4 資料庫欄位中有乙個字段**該使用者是否禁用,最後再對比,若禁用則登入失敗

當登陸成功後,返回jwt生成的token給前端

註冊介面:

nuxt框架前後端登入註冊功能實現 三

流程圖 登入核心 呼叫介面發起登入請求 login.loginuser this user then response 第三步在requests.js建立 第四步呼叫介面,通過token獲取使用者資訊並存在cookie中 login.getuserinfobytoken then response ...

使用axios實現登入功能 前後端聯調

目錄2.在login.vue頁面中使用axios傳送請求 測試axios import login from components login 修飾符指的是 src目錄 export default new router eslint disable 配置請求django後端的位址 介面資訊,生成請...

框架之 前後端分離

解決前後端開發技術不同,耦合出現的困難性 前端不再需要向後台提供模板或是後台在前端html中嵌入後台 提高工作效率,分工更加明確 前後端分離的工作流程可以使前端只關注前端的事,後台只關心後台的活,兩者開發可以同時進行,在後台還沒有時間提供介面的時候,前端可以先將資料寫死或者呼叫本地的json檔案即可...