Vue登錄密碼驗(yàn)證MD5加密實(shí)踐
更新時間：2026年04月14日 09:04:21 作者：Sunshine_Jian
文章主要描述MD5的特點(diǎn)、原理和使用方法,特點(diǎn)包括固定長度、容易計(jì)算、抗修改和強(qiáng)抗碰撞,使用方法包括安裝js-md5、引入js文件、放到原型等,最后給出一個使用示例,用于密碼驗(yàn)證
一、特點(diǎn)
- 1、壓縮性：任意長度的數(shù)據(jù)，算出的MD5值長度都是固定的。
- 2、容易計(jì)算：從原數(shù)據(jù)計(jì)算出MD5值很容易。
- 3、抗修改性：對原數(shù)據(jù)進(jìn)行任何改動，哪怕只修改1個字節(jié)，所得到的MD5值都有很大區(qū)別。
- 4、強(qiáng)抗碰撞：已知原數(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：登錄時密碼驗(yàn)證
驗(yàn)證時，用加密后的 密碼 與 數(shù)據(jù)庫 里的密碼進(jìn)行比較；
總結(jié)
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
overlay就是在地圖上以另外一種形式浮現(xiàn)在地圖上，常見的地圖覆蓋物為這三種類型，如：popup 彈窗、label標(biāo)注信息、text文本信息等，接下來跟隨小編看下openlayers6之地圖覆蓋物overlay詳解，一起看看吧2021-09-09
這篇文章主要介紹了如何修改Vue打包后文件的接口地址配置的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
詳解Vue-cli來構(gòu)建Vue項(xiàng)目的步驟
這篇文章主要為大家介紹了Vue-cli來構(gòu)建Vue項(xiàng)目的步驟，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
本文詳細(xì)介紹了Vue 3中的watchEffect函數(shù),包括其核心定義、工作原理、核心特性、實(shí)戰(zhàn)用法、與watch的區(qū)別、常見避坑點(diǎn)以及核心總結(jié),watchEffect簡化了響應(yīng)式偵聽,自動追蹤依賴并立即執(zhí)行,適用于動態(tài)依賴和簡單副作用場景,感興趣的朋友跟隨小編一起看看吧2025-12-12
vue+vuex+axio從后臺獲取數(shù)據(jù)存入vuex實(shí)現(xiàn)組件之間共享數(shù)據(jù)
這篇文章主要介紹了vue+vuex+axio從后臺獲取數(shù)據(jù)存入vuex，組件之間共享數(shù)據(jù),非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-04-04
這篇文章主要介紹了vue3?js配置@符作為根路徑的相關(guān)資料,通過示例代碼介紹了如何通過配置jsconfig.json/tsconfig.json及構(gòu)建工具（Vite/Webpack）設(shè)置別名,使@符號指向src目錄,簡化模塊導(dǎo)入路徑,提升代碼可讀性和維護(hù)性,需要的朋友可以參考下2025-05-05
elementui的table根據(jù)是否符合需求合并列的實(shí)現(xiàn)代碼
這篇文章主要介紹了elementui的table根據(jù)是否符合需求合并列的實(shí)現(xiàn)代碼,代碼簡單易懂,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-03-03
Vue項(xiàng)目中實(shí)現(xiàn)AES加密解密的全過程
AES算法是一種對稱加密算法,用于加密和解密數(shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于Vue項(xiàng)目中實(shí)現(xiàn)AES加密解密的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-08-08
我們在本篇內(nèi)容里給大家整理了關(guān)于vue框架安裝的步驟以及需要注意的地方，有需要的朋友們學(xué)習(xí)下。2019-02-02
這篇文章主要介紹了vue修改數(shù)據(jù)頁面無效的解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06