web前端加md5加密

大厂前端程序员

已于 2024-08-22 15:29:29 修改

阅读量213

点赞数 1

分类专栏： vue.js 文章标签：前端

于 2024-08-22 15:29:00 首次发布

本文链接：https://blog.csdn.net/weixin_46918091/article/details/141429234

版权

vue.js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

vue3 +typescript：安装 ts-md5

npm install --save ts-md5

局部

定义：

import { Md5 } from 'ts-md5';

局部使用：

const SALT = 'chengxuyuanyouzi';

const handleSubmit = async () => {
  if (!currentUser.value.userAccount || !currentUser.value.userName) {
    message.warning("账号和用户名不能为空");
    return;
  }
   // 如果密码不为空，则进行 MD5 加密
   if (currentUser.value.userPassword) {
    currentUser.value.userPassword = Md5.hashStr(SALT+currentUser.value.userPassword);
  }

  if (currentUser.value.id) {
  
    // 编辑模式
    const res = await updateUserUsingPost(currentUser.value);
    console.log("编辑",res)
    if (res.data.code === 0) {
      message.success("用户信息更新成功");
      loadData();
      isModalVisible.value = false;
    } else {
      message.error("更新失败，" + res.data.message);
    }
  } else {
    // 新增模式
    const res = await addUserUsingPost(currentUser.value);
    if (res.data.code === 0) {
      message.success("用户新增成功");
      loadData();
      isModalVisible.value = false;
    } else {
      message.error("新增失败，" + res.data.message);
    }
  }
};