前段時間作項目有用到數據加密,前端加密,後端解密(前端也能夠解密),話很少說進入正題:html
第一步:前端
npm i crypto-js -S
第二步:java
在須要加密或解密的地方引入crypto-js;npm
import CryptoJS from 'crypto-js'
第三步:後端
自定義加密、解密的函數函數
<script> import CryptoJS from 'crypto-js' export default { name: 'HelloWorld', data () { return { } }, methods:{ /*加密*/ encrypt(word){
// 更新:這個key的字符位數要求:4的倍數(包含"") var key = CryptoJS.enc.Utf8.parse("123456789abc");//123456789abc這個本身隨便寫,至關於密鑰吧,也能夠本身單獨用個變量存 var srcs = CryptoJS.enc.Utf8.parse(word); var encrypted = CryptoJS.AES.encrypt(srcs, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7}); return encrypted.toString(); }, /*解密*/ decrypt(word){ var key = CryptoJS.enc.Utf8.parse("123456789abc");//要和加密的密鑰同樣 var decrypt = CryptoJS.AES.decrypt(word, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7}); return CryptoJS.enc.Utf8.stringify(decrypt).toString(); } }, created(){ console.log("加密'你好':",this.encrypt("你好")) console.log("解密'eI51YMemQyesQrFNbwgV/Q==':",this.decrypt("eI51YMemQyesQrFNbwgV/Q==")) } } </script>
打印結果:this
ok了,如要用到後端java解密,請移步https://www.cnblogs.com/libo0125ok/p/7668026.html加密