个人网站建设网站网络网站推广

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+s4mRTS8FQQo3z5ImgEDZ0xDOjqWGOJJAwwBK+P/BKbvoOiBBvnE2yGD5FN398zh7xS1QNQDGXpUS/qTpA6WLYDJr3/rMINRQGr5P5OnypYnJbJwzVgHQDf3sMH5me9LsO+Z1ZuEQT8mvA98vCQ6+z9aAc1e4RxMG+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),
}