Vue登錄密碼驗證MD5加密實踐

更新時間：2026年04月14日 09:04:21 作者：Sunshine_Jian

文章主要描述MD5的特點、原理和使用方法,特點包括固定長度、容易計算、抗修改和強抗碰撞,使用方法包括安裝js-md5、引入js文件、放到原型等,最后給出一個使用示例,用于密碼驗證

一、特點

1、壓縮性：任意長度的數(shù)據(jù)，算出的MD5值長度都是固定的。
2、容易計算：從原數(shù)據(jù)計算出MD5值很容易。
3、抗修改性：對原數(shù)據(jù)進行任何改動，哪怕只修改1個字節(jié)，所得到的MD5值都有很大區(qū)別。
4、強抗碰撞：已知原數(shù)據(jù)和其MD5值，想找到一個具有相同MD5值的數(shù)據(jù)（即偽造數(shù)據(jù)）是非常困難的。

二、開始

1、安裝 js-md5

npm install js-md5 --save

2、在 main.js 中引入 (在單組件引入后，直接使用：如：md5("123456"))

import md5 from 'js-md5';

3、放到原型上，方便使用

Vue.prototype.$md5 = md5;

三、使用

1、加密

let pwd = "123456";
let secret = "zheshimima";
console.log(this.$md5(pwd)); // e10adc3949ba59abbe56e057f20f883e // 第一次加密
let m1 = this.$md5(pwd) + secret;
console.log(this.$md5(m1)); // ffad1f7682ea8ef94698c103fb5b1675 // 第二次加密

tips：登錄時密碼驗證

驗證時，用加密后的密碼與數(shù)據(jù)庫里的密碼進行比較；

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

openlayers6之地圖覆蓋物overlay詳解
overlay就是在地圖上以另外一種形式浮現(xiàn)在地圖上，常見的地圖覆蓋物為這三種類型，如：popup 彈窗、label標注信息、text文本信息等，接下來跟隨小編看下openlayers6之地圖覆蓋物overlay詳解，一起看看吧
2021-09-09
如何修改Vue打包后文件的接口地址配置的方法
這篇文章主要介紹了如何修改Vue打包后文件的接口地址配置的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-04-04
詳解Vue-cli來構(gòu)建Vue項目的步驟
這篇文章主要為大家介紹了Vue-cli來構(gòu)建Vue項目的步驟，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-12-12
Vue3 watchEffect核心用法與原理解析
本文詳細介紹了Vue 3中的watchEffect函數(shù),包括其核心定義、工作原理、核心特性、實戰(zhàn)用法、與watch的區(qū)別、常見避坑點以及核心總結(jié),watchEffect簡化了響應式偵聽,自動追蹤依賴并立即執(zhí)行,適用于動態(tài)依賴和簡單副作用場景,感興趣的朋友跟隨小編一起看看吧
2025-12-12
vue+vuex+axio從后臺獲取數(shù)據(jù)存入vuex實現(xiàn)組件之間共享數(shù)據(jù)
這篇文章主要介紹了vue+vuex+axio從后臺獲取數(shù)據(jù)存入vuex，組件之間共享數(shù)據(jù),非常具有實用價值，需要的朋友可以參考下
2017-04-04
vue3?js配置@符作為根路徑的詳細代碼示例
這篇文章主要介紹了vue3?js配置@符作為根路徑的相關(guān)資料,通過示例代碼介紹了如何通過配置jsconfig.json/tsconfig.json及構(gòu)建工具（Vite/Webpack）設置別名,使@符號指向src目錄,簡化模塊導入路徑,提升代碼可讀性和維護性,需要的朋友可以參考下
2025-05-05
elementui的table根據(jù)是否符合需求合并列的實現(xiàn)代碼
這篇文章主要介紹了elementui的table根據(jù)是否符合需求合并列的實現(xiàn)代碼,代碼簡單易懂,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧
2024-03-03
Vue項目中實現(xiàn)AES加密解密的全過程
AES算法是一種對稱加密算法,用于加密和解密數(shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于Vue項目中實現(xiàn)AES加密解密的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2024-08-08
圖文詳解vue框架安裝步驟
我們在本篇內(nèi)容里給大家整理了關(guān)于vue框架安裝的步驟以及需要注意的地方，有需要的朋友們學習下。
2019-02-02
vue修改數(shù)據(jù)頁面無效的解決方案
這篇文章主要介紹了vue修改數(shù)據(jù)頁面無效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-06-06