JavaScript加密库crypto-js

安装 crypto-js

npm install crypto-js

安装 crypto-js 官方类型声明文件

npm i --save-dev @types/crypto-js

制作加密工具

crypto.ts

import CryptoJS from "crypto-js";// MD5加密（单向哈希，适合配合后端盐值存储方案）
export const md5Encrypt = (password: string) => {return CryptoJS.MD5(password).toString();
};// SHA256加密（单向哈希，适合配合后端盐值存储方案）
export const sha256Encrypt = (password: string) => {return CryptoJS.SHA256(password).toString();
};// AES加密（对称加密，需要与后端协商密钥）
export const aesEncrypt = (password: string, secretKey: string) => {return CryptoJS.AES.encrypt(password, secretKey).toString();
};

使用md5加密

Login.vue

<script setup lang="ts" name="Login">
......
import { md5Encrypt } from "@/utils/crypto";loginData.value.password = md5Encrypt(pwd.value);
......
</script>