VUE 使用md5對用戶登錄密碼進行加密傳輸

VUE 使用md5對用戶登錄密碼進行加密傳輸到數據庫

• 前言
• 第一步 npm下載js-md5依賴包
• 第二步 引入js-md5
• • 直接在需要使用md5加密的頁面引入
  • 全局掛載，將js-md5添加到vue原型鏈

第一步 npm下載js-md5依賴包

npm install --save js-md5  //項目所在目錄下載依賴

第二步 引入js-md5

這里有兩種方式可供參考

直接在需要使用md5加密的頁面引入

import md5 from 'js-md5';

全局掛載，將js-md5添加到vue原型鏈上

//在vue項目的mian.js文件中，引入js-md5並掛載原型
import md5 from 'js-md5';  
Vue.prototype.$md5 = md5;

然后將想要加密的數據放入

let a = this.$md5("111111s");
console.log('a', a);  //結果為c85dfcf2cf8e79ba8239eff965483c5b

在項目中，想要將用戶注冊的密碼由明文轉為密文，在傳遞參數時可以先將密碼md5加密后，再傳給后端接口，

放到數據庫中。這樣數據庫中密碼存放的就是密文而不是明文了。

// 收集參數  以便發送給后台
let params = {
user: this.addForm.name,
password: md5(this.addForm.pass) //此處將用戶注冊密碼加密，再發給后端
};

在用戶注冊成功后進行登錄時，因為js-md5加密是不可逆的，除非進行暴力破解，例如枚舉，所以不需要將數據庫中存儲的密碼密文再轉為明文，而是在傳遞登錄密碼時將用戶輸入的密碼進行md5加密處理，再與之對比驗證。