vue aes加密方法

原创于 2023-05-18 16:39:33 发布 · 1.3k 阅读

CC 4.0 BY-SA版权

文章标签：

文章介绍了如何在Vue项目中使用CryptoJS库进行AES加密，具体步骤包括安装CryptoJS，创建加密函数，设置秘钥，使用ECB模式和Pkcs7填充进行加密，并将密文转换为Base64字符串。在实际应用中，可以在调用接口时对参数进行加密。

vue中AES加密

在vue 控制台 npm install cryptojs
创建 crypto 文件夹里面创建index.js
代码如下:

 import CryptoJS from 'crypto-js'
export default {
    encryption(pas) {
        var b = CryptoJS.enc.Base64
        var key = CryptoJS.enc.Utf8.parse('mzyhgxfwzl112692') //秘钥
        var srcs = CryptoJS.enc.Utf8.parse(pas)
        var encrypted = CryptoJS.AES.encrypt(srcs, key, {
            mode: CryptoJS.mode.ECB,
            padding: CryptoJS.pad.Pkcs7
        })
        return b.stringify(encrypted.ciphertext)
    }
}

使用时在页面中直接引入
import Crypto from “@/crypto/index.js”;
调用接口的时候参数使用为：Crypto.encryption(参数)