前段时间作项目有用到数据加密,前端加密,后端解密(前端也能够解密),话很少说进入正题: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加密