vue中数据加密处理

本文介绍如何在Vue项目中使用crypto-js库实现密码加密功能,并通过MD5加密登录密码以提高安全性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在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("验证不过");
        }
      });

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值