vue中如何做加密登陆

Posted 2023-05-01

参考技术A 1.首先要了解rsa加密的流程：

第一步返回publicKey前端，用来对password等敏感字段的加密。

第二步，前端进行password敏感字段的加密。

第三步post数据给后端。

第四步用publicKey与privateKey进行解密。

具体如下：

我们可以借助elemetui的表单验证，如下： 

submitForm(formName)

        this.$refs[formName].validate((valid) =>

          if (valid)

（在这里请求我的后台加密公钥和私钥）

然后对我的登录密码进行rsa加密： let password = RSA(this.publicKeyModulus, this.logUserInfo.password, this.publicKeyExponent)

（ranhou

          else

            console.log('error submit!!');

            return false;

         

        );

vue.js 怎么做md5加密

一，有关于JS md5加密：
下载包：
1：md5.js    ； 

2： md4.js   ；

3： sha1.js。

二，使用MD5加密的方法：
下载md5.js文件，在网页中引用该文件:

< script type="text/javascript" src="md5.js">< /script>

三，在你需要使用MD5加密的地方如此调用:

< script type="text/javascript" >
hash = hex_md5("input string");
< /script>

其他两个算法类似。

用javascript加密的好处是可以在客户端完成加密之后传送到服务端，
即可以减轻服务端负担，也可以保证传输的安全。

可以使用crypto-js插件来进行加密的。

我就说一下在node环境中使用吧（直接引入其实也差不多）

1，首先安装crypto-js包：

一般加密的地方都是需要发送ajax，所以最好把ajax再封装一下（这样只要在这里加密就可以了），将封装的ajax文件挂到VUE全局方法（就是在在入口的地方使用Vue.prototype）

2，在ajax文件处引入下面两个文件：

   var CryptoJS = require("crypto-js/core");var MD5 = require("crypto-js/md5") //或者使用ES6 importimport CryptoJS from 'crypto-js/core';import MD5 from 'crypto-js/md5';   

3，最后在需要使用的地方用这“CryptoJS.MD5（需要加密的值）”。

参考技术A

我是使用crypto-js插件来进行加密的。我就说一下在node环境中使用吧（直接引入其实也差不多）

首先安装crypto-js包

一般加密的地方都是需要发送ajax，所以最好把ajax再封装一下（这样只要在这里加密就可以了），将封装的ajax文件挂到VUE全局方法（就是在在入口的地方使用Vue.prototype）

在ajax文件处引入下面两个文件

var CryptoJS = require("crypto-js/core");
var MD5 = require("crypto-js/md5")

//或者使用ES6 import
import CryptoJS from 'crypto-js/core';
import MD5 from 'crypto-js/md5';

最后在需要使用的地方用这“CryptoJS.MD5（需要加密的值）”

本回答被提问者采纳