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),
}