vue 项目中登录中密码加密(crypto-js)

原创已于 2024-07-02 17:06:43 修改 · 6.2k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2022-05-05 17:28:57 首次发布

Vue 专栏收录该内容

88 篇文章

订阅专栏

这篇博客介绍了在Vue项目中如何使用AES.js库进行用户登录密码的加密和解密，确保数据传输的安全性。首先通过npm安装crypto-js库，然后在aes.js文件中定义加密和解密函数，使用ECB模式和PKCS7填充。在登录时加密密码，存储和读取时进行相应的加密和解密操作。

vue 项目中登录中密码加密

一、aes.js AES密码加密、解密
二、具体代码
- - 三级目录

用户登录密码传输未加密，不太安全
加密方法有js-sha256、aes、des、ras

一、aes.js AES密码加密、解密

安装npm install crypto-js

var CryptoJS = require('crypto-js')
var key = 'abcdefgabcdefg12'

export function encrypt(text) {
 var encrypted = CryptoJS.AES.encrypt(text, CryptoJS.enc.Utf8.parse(key), {
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7,
  });
  return encrypted.toString();
}

export function decrypt(text) {
  var result = CryptoJS.AES.decrypt(text, CryptoJS.enc.Utf8.parse(key), {
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7,
  })
  return result.toString(CryptoJS.enc.Utf8)
}

二、具体代码

import { encrypt, decrypt } from '@/assets/js/aes.js'
//登录时候
password:encrypt(this.account.password).toString()
//存储时候
encrypt(this.account.password).toString()
//读取存储值
decrypt(accountInfo.password)