Vue项目中使用RSA加密、MD5加密

项目中用到了rsa和md5加密，搜了一下资料，顺利完成，记录一下过程。

1.安装md5和jsencrypt

npm install --save js-md5
npm install --save jsencrypt

2.引入md5和jsencrypt

import md5 from 'js-md5';
import JSEncrypt  from 'jsencrypt';

3.使用

局部使用

md5('123')  // 202cb962ac59075b964b07152d234b70

//RSA加密
encryptFn: function(value) {
	var rsaPublicKey = "-----BEGIN PUBLIC KEY-----xxx-----END PUBLIC KEY-----";
	//加密
	var encrypt_rsa = new JSEncrypt();
	encrypt_rsa.setPublicKey(rsaPublicKey);
	var encStr = encrypt_rsa.encrypt(value)
	return encStr;
}
//RSA解密
decryptFn: function(value) {
	var rsaPrivateKey = "-----BEGIN PRIVATE KEY-----xxx-----END PRIVATE KEY-----";
	var decrypt = new JSEncrypt();
	decrypt.setPrivateKey('-----BEGIN RSA PRIVATE KEY-----'+rsaPrivateKey+'-----END RSA PRIVATE KEY-----');
	return decrypt.decrypt(value);
}

全局使用

在main.js文件中将md5转换成vue原型
md5

import md5 from 'js-md5';
Vue.prototype.$md5 = md5;
使用：
this.$md5('holle') // bcecb35d0a12baad472fbe0392bcc043

rsa

import JsEncrypt from 'jsencrypt'
Vue.prototype.$jsEncrypt = JsEncrypt
使用：
let jse = new this.$jsEncrypt.JSEncrypt()