在项目中如果要对前后端传输的数据双向加密, 比如避免使用明文传输用户名,密码等数据。 就需要对前后端数据用同种方法进行加密,方便解密。这里介绍使用 CryptoJS 实现 AES 加解密。
首先需要下载前台使用 CryptoJS 实现 MD5 加解密的,所以要先下载组件,下载 CryptoJS-v3.1.2 版本之后,文件中包含components 和 rollups 两个文件夹,components 文件夹下是单个组件,rollups 文件夹下是汇总,引用 rollups 下的 md5.js 文件即可。
这里提供 CryptoJS-v3.1.2 的 Github链接: https://github.com/ihsmarkitosi/CryptoJS-v3.1.2
在Js中直接 CryptoJS.MD5(password) 即可加密 password 字符串
CryptoJS.MD5(password);
!!!!注意: 引入md5.js必须在使用md5.js前
比如在 login.js 文件中使用了 md5.js 文件中的 CryptoJS.MD5() 方法, 则必须在 login.js 引入之前引入 md5.js
正确引入 方式 :
<script th:src="md5.js}"></script>
<script th:src="login.js"></script>
错误引入方式:
<script th:src="login.js"></script>
<script th:src="md5.js}"></script>