在vue中使用国密SM4

最新推荐文章于 2025-05-26 12:11:50 发布

去他喵呜

最新推荐文章于 2025-05-26 12:11:50 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端蜗牛文章标签：前端 vue

本文链接：https://blog.csdn.net/weixin_41164499/article/details/125390384

前端蜗牛专栏收录该内容

14 篇文章

订阅专栏

该博客介绍了如何在Vue项目中集成并使用国密SM4算法进行数据加密和解密。首先，通过npm安装'gm-crypt'库，然后封装sm4.js文件，设置加密配置，包括密钥、模式和加密类型。接着在Vue组件中导入并使用封装的sm4模块，对账号信息进行加密和解密操作。示例展示了账号的加密和解密过程。

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

国密SM4使用

安装：

npm install gm-crypt

封装sm4.js：

const SM4 = require('gm-crypt').sm4

let sm4Config = {
    key: 'sk7&*~I%R4^a$sxz',
    mode: 'ecb', // 加密的方式有两种，ecb和cbc两种，也是看后端如何定义的，不过要是cbc的话下面还要加一个iv的参数，ecb不用
    // optional: this is the cipher data's type; Can be 'base64' or 'text'
    cipherType: 'base64' // default is base64

}
let sm4 = new SM4(sm4Config)

export default sm4

Vue项目中使用：

import sm4 from "@/lib/sm4”

let Account = sm4.encrypt("12345"); //账号加密
let Account1 = sm4.decrypt("12345"); //账号解密

console.log(Account1,'Account')