html文件加密工具类,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('要加密的字符串');