vue中jsencrypt与base64加密解密的实用流程

 更新时间:2023年10月16日 11:21:12   作者:码路老默007  
vue项目里面使用到的加密和解密的方法,本文主要介绍了vue中jsencrypt与base64加密解密的实用流程,具有一定的参考价值,感兴趣的可以了解一下

jsencrypt的实用流程

第一步,下载

npm install jsencrypt --dev 

第二步,建立jsencrypt.js文件(一般放在utils文件夹里边),内容如下

通过公钥加密,私钥解密,哪个页面需要引入utils/jsencrypt文件即可

import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'

// 密钥对生成 http://web.chacuo.net/netrsakeypair; 把下面生成的公钥、私钥换成自己生成的即可
const publicKey = '',//生成的公钥
const privateKey='',

// 加密
export function encrypt(txt) {
  const encryptor = new JSEncrypt()
  encryptor.setPublicKey(publicKey) // 设置公钥
  return encryptor.encrypt(txt) // 对数据进行加密
}

// 解密
export function decrypt(txt) {
  const encryptor = new JSEncrypt()
  encryptor.setPrivateKey(privateKey) // 设置私钥
  return encryptor.decrypt(txt) // 对数据进行解密
}

第三步,页面使用

import { encrypt, decrypt } from '@/utils/jsencrypt'//rememberMe-password加密

Cookies.set("password", encrypt(this.loginForm.password), { expires: 30 });//存到cookies时加密

this.loginForm.password : decrypt(password),//取出时解密

base64的实用流程

Base64是网络上最常见的用于传输8Bit字节码的编码方式之一

在前端项目可用于用户输入密码时加密使用,防止在数据传输到数据库时密码泄露

第一步,下载

npm install jsencrypt --dev 

第二步,在项目文件中引入

let Base64 = require('js-base64').Base64;

第三步,加密与解密

encode为加密,decode为解密

Base64.encode('admin') //YWRtaW4=
Base64.decode('YWRtaW4=') //admin

 到此这篇关于vue中jsencrypt与base64加密解密的实用流程的文章就介绍到这了,更多相关vue jsencrypt与base64加密解密内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

最新评论