若依 + vue2 + element-ui 的登陆密码和修改密码的AES加密 -- 前端

最新推荐文章于 2024-07-11 16:21:32 发布

豆本豆、

最新推荐文章于 2024-07-11 16:21:32 发布

阅读量3k

点赞数

分类专栏：前端文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_64180379/article/details/126578530

版权

本文介绍了如何在若依(RuoYi)项目中，结合Vue2和Element-UI，使用AES加密处理前端登录和密码修改时的密码。首先通过npm安装crypto-js库，然后在src/utils/crypto.js中配置加密方法，利用后端提供的密钥。在store/modules/user.js中修改登录接口，对密码进行加密后再发送请求。同样，密码修改页面也需要遵循相同步骤加密新密码。若遇到问题，欢迎留言讨论。

摘要由CSDN通过智能技术生成

加密其实就是把数据提交到后台之前进行加密处理、虽然很容易被破解，但有总比没用强，加上还是相对安全些的

这里只说前端的，后端其实也很容易可以参照以下文章

http://t.csdn.cn/1N42m 有后台配置文章 http://t.csdn.cn/a3K3J

首先想要实现加密，可以选择手动码js代码，自己封装，当然你这么牛逼了，还找啥方法，哈哈哈，开个小玩笑... 好言归正传

1、先在项目下载 npm i crypto-js --save 包

2、在项目的src/utils/下新建一个js文件夹，名字随意（这里叫crypto.js）

3、将其插件引入，并进行加密配置

import CryptoJS from "crypto-js"
 
// AES加密
export function encryptByAES (data) {
  let AESKey = "1234567890abcdf1";  // 此处为密钥
  let key = CryptoJS.enc.Utf8.parse(AES