Vue - RSA加密解密及封装工具类

一般密码的加密都是使用RSA进行非对称加密

一、导入RSA加密文件

终端输入命令：npm install jsencrypt

导入成功后,可以在package.json查看

二、封装加密解密方法

在src目录下新建common文件夹，common下新建RSA.js

项目中多个页面都会经常用到加密解密，因此封装一个工具类，哪里用到直接调用即可

在RSA.js文件中如下代码：

import {JSEncrypt} from 'jsencrypt'

// const publicKey = '这里是公钥'

// const privateKey = '这里是私钥'

//加密方法

export default{

    RSAEncrypt(string){

    //实例化jsEncrypt对象

    const  jse = new JSEncrypt();

    //设置公钥

    jse.setPublicKey(publicKey);

    console.log('打印RSA。js：',jse.encrypt(string));

    return  jse.encrypt(string);

    },

//解密方法

    RSADecrypt(string){

    const  jse  = new JSEncrypt();

    //私钥

    jse.setPrivateKey(privateKey);

    return jse.decrypt(string);

    }

}

三、在main.js中引入头文件

import JSEncrypt from '@/common/RSA.js'

Vue.prototype.JSEncrypt = JSEncrypt

四、调用

var cryRSA = this.JSEncrypt.RSAEncrypt('要加密的字符串');