浦口区教育局网站集约化建设,网站建设经费请示,php网站后台登陆不上,电商运营发展前景怎么样vue中封装并使用jsencrypt加密
一般在项目搭建过程中用户注册、登录、修改密码、重置密码等功能都需要用到密码加密的功能#xff0c;所以把jsencrypt进行封装使用#xff0c;使代码更加简洁#xff0c;流程如下#xff1a;
1、安装jsencrypt
npm install jsencrypt2、在…vue中封装并使用jsencrypt加密
一般在项目搭建过程中用户注册、登录、修改密码、重置密码等功能都需要用到密码加密的功能所以把jsencrypt进行封装使用使代码更加简洁流程如下
1、安装jsencrypt
npm install jsencrypt2、在utils文件夹下新建文件jsencrypt.js内容如下
import { JSEncrypt } from jsencrypt
export default function jsencrypt(data) {const encryptor new JSEncrypt()const publicKey -----BEGIN PUBLIC KEY-----MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCss4mRTS8FQQo3z5ImgEDZ0xDOjqWGOJJAwwBKP/BKbvoOiBBvnE2yGD5FN398zh7xS1QNQDGXpUS/qTpA6WLYDJr3/rMINRQGr5P5OnypYnJbJwzVgHQDf3sMH5me9LsOZ1ZuEQT8mvA98vCQ6z9aAc1e4RxMGA2266qQIDAQAB-----END PUBLIC KEY-----// 设置公钥encryptor.setPublicKey(publicKey)// publicKey为公钥return encryptor.encrypt(data)// data就是需要加密的数据
}3、在需要使用加密的组件中引入
import jsencrypt from /utils/jsencrypt;4、使用时不需要加this
let params {phone: ,password: jsencrypt(this.password),
}
