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('要加密的字符串');

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容