vue中数据加密处理

在vue中,通常要对一些数据进行加密操作

我一般使用crypto-js去实现各种加密效果
官方地址： https://www.npmjs.com/package/crypto-js

操作步骤有

1)安装依赖包  npm i crypto-js

2)在工具包目录添加方法

import crypto from "crypto-js";
export function getMd5(str) {
    return crypto
        .MD5(str)
        .toString()
        .toUpperCase();
}

3)现在是对登录密码进行加密

  让加密后数据不会显示在输入框中

var loginMssage = JSON.parse(JSON.stringify(this.loginObj));  //深拷贝

this.$refs.loginForm.validate((valid) => {
        if (valid) {
          loginMssage.password = getMd5(loginMssage.password);  
          loginadmin(loginMsg).then((res) => {   
            if (res.code == 200) {
              //this.setUserInfo(res.data);
              this.$router.push({ name: "home" });
             // showOkMes(res.msg);
            }
          });
        } else {
          console.log("验证不过");
        }
      });