vue中使用jsencrypt加密
vue中封装并使用jsencrypt加密
一般在项目搭建过程中用户注册、登录、修改密码、重置密码等功能都需要用到密码加密的功能，所以把jsencrypt进行封装使用，使代码更加简洁，流程如下：
1、安装jsencrypt
npm install jsencrypt
2、在utils文件夹下新建文件jsencrypt.js内容如下
import { JSEncrypt } from 'jsencrypt'
export default function jsencrypt(data) {
const encryptor = new JSEncrypt()
const publicKey =
`-----BEGIN PUBLIC KEY-----
MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCs+s4mRTS8FQQo3z5ImgEDZ0xD
OjqWGOJJAwwBK+P/BKbvoOiBBvnE2yGD5FN398zh7xS1QNQDGXpUS/qTpA6WLYDJ
r3/rMINRQGr5P5OnypYnJbJwzVgHQDf3sMH5me9LsO+Z1ZuEQT8mvA98vCQ6+z9a
Ac1e4RxMG+A2+266qQIDAQAB
-----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),
}