欢迎访问 生活随笔!

凯发k8官方网

当前位置: 凯发k8官方网 > 前端技术 > vue >内容正文

vue

cryptojs vue 使用-凯发k8官方网

发布时间:2023/12/1 vue 22 豆豆
凯发k8官方网 收集整理的这篇文章主要介绍了 cryptojs vue 使用_vuejs里利用cryptojs实现加密及解密 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

第一步 安装

安装crypto-js

第二步 创建

在js文件目录下创建一个js文件secret

/**

* 对页面上输入的密码进行加密传输给后台进行验证,对返回的数据进行解密,在页面展示

*/

let cryptojs = require('crypto-js'); // 引入aes源码js

export default {

/*

* 对密码进行加密,传输给后台进行验证

* @param {string} word 需要加密的密码

* @param {string} keystr 对密码加密的秘钥

* @return {string} 加密的密文

* */

encrypt(word, keystr) { // 加密

keystr = keystr ? keystr : 'abghnjhgshuyg12';

let key = cryptojs.enc.utf8.parse(keystr);

let srcs = cryptojs.enc.utf8.parse(word);

let encrypted = cryptojs.aes.encrypt(srcs, key, {

mode: cryptojs.mode.ecb,

padding: cryptojs.pad.pkcs7

});

return encrypted.tostring();

},

/*

* 对加密之后的密文在页面上进行解密,以便用户进行修改

* @param {string} word 需要加密的密码

* @param {string} keystr 对密码加密的秘钥

* @return {string} 解密的明文

* */

decrypt(word, keystr) { // 解密

keystr = keystr ? keystr : 'abghnjhgshuyg12';

let key = cryptojs.enc.utf8.parse(keystr);

let decrypt = cryptojs.aes.decrypt(word, key, {

mode: cryptojs.mode.ecb,

padding: cryptojs.pad.pkcs7

});

return cryptojs.enc.utf8.stringify(decrypt).tostring();

},

};

第三步,引入

在具体的加解密模块中引入文件

并且对需要加密的密码使用加密函数进行加密

encrypt是加密函数

第一个参数是需要加密的明文

第二个参数是加密过程中使用的秘钥

我是一个小小白,谁能摸黑我快点来

总结

以上是凯发k8官方网为你收集整理的cryptojs vue 使用_vuejs里利用cryptojs实现加密及解密的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错,欢迎将凯发k8官方网推荐给好友。

  • 上一篇:
  • 下一篇:
网站地图