Apollo配置中心登陆页面表单密码加密提交

 

效果图

表单提交加密后的密文

软件环境

apollo配置中心，官方下载地址： https://github.com/apolloconfig/apollo

apollo配置中心，官方文档：Apollo

前端加密工具：https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js

解密工具：hutool-all 5.8.36  官方网址：https://github.com/chinabugotech/hutool

解密（底层实现）工具：bcprov-jdk18on 1.80 官方网址： Download Bouncy Castle Java - Bouncycastle

需求说明

1、登陆页面表单密码加密

2、不能影响现有功能和性能

登陆页面Javascript 做密码加密

二开login.html

<!--  引入js加密组件    -->
<script src="crypto-js.min.js"></script>

//已有其他代码。。。。。

<!--  找到现有的js代码段加入下面的js    -->
<script type="application/javascript">
  document.getElementById('login-form').addEventListener('submit', function(e) {
      e.preventDefault(); // 阻止表单默认提交行为
      var password = document.getElementById('password').value;
      // 记住一定要16的整数个字符，不建议使用中文和特殊字符
      var sal