本地储存加密（vue）

前言

这篇文章是在项目中登录后的，在本地存储用户的信息用的加密，用的是CryptoJS做的加密，在过程中也是遇到了一些小坑，这篇文章将会为大家清晰的展示加密操作

一、在项目中安装CryptoJS

npm install crypto-js

二、在需要加密或解密的文件中引入crypto-js

import CryptoJS from "crypto-js";

三、加密代码

let cipherText = CryptoJS.AES.encrypt("1", "secretkey123").toString();
                               //要存储的值 //加密的秘钥（解密的时候必须要根据秘钥才能解密） 
localStorage.setItem("token", cipherText);//本地存储

四、解密代码

var tk = localStorage.getItem("token");//把存储的值取出
var bytes = CryptoJS.AES.decrypt(tk, "secretkey123");
                        //要解密的值   //解密的秘钥（必须与加密的秘钥一直）
var originalText = bytes.toString(CryptoJS.enc.Utf8);//解密操作
console.log(originalText)//1

结语

一种非常简单的加密解密方式，非常容易理解，希望对你有所帮助