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加密解密内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
今天小编就为大家分享一篇vue项目使用axios发送请求让ajax请求头部携带cookie的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09解决vue elementUI 使用el-select 时 change事件的触发问题
这篇文章主要介绍了解决vue elementUI 使用el-select 时 change事件的触发问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
父子组件通信,都是单项的,很多时候需要双向通信。这篇文章主要介绍了vue 自定义组件 v-model双向绑定、 父子组件同步通信,需要的朋友可以参考下2017-11-11Vue3中无法为el-tree-select设置反选问题解析
这篇文章主要介绍了Vue3中无法为el-tree-select设置反选问题分析,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-04-04
最新评论