Vue中登录时使用Aes加密

最近项目中需要在用户登录和在添加账号时需要对密码进行Aes加密

npm i crypto-js

<script>
import CryptoJS from 'crypto-js';

export default{
  methods:{
  // AES加密 直接调用函数把想加密的数据填写里面就行了
    encrypt(str) {
      // CryptoJS.AES.encrypt(data,key(秘钥),{iv:(秘钥偏移量，我这里并没有写)，mode:'',padding:''})
			return CryptoJS.AES.encrypt(CryptoJS.enc.Utf8.parse(str), CryptoJS.enc.Utf8.parse('adcloudapp170712'), {
				mode: CryptoJS.mode.ECB,
				padding: CryptoJS.pad.Pkcs7
			}).ciphertext.toString(); // 其实这里可以直接toString() 只是不知道会不会对后端解密带来不便
  }
}

</script>

上面代码中key是秘钥，iv是秘钥偏移量，这个一般由后端提供，为了方便，直接在这里定义。 如果想详细了解 AES加密 这篇文章很详细 这里只是提供了简单的使用方法如果想学会加密与解密推荐看这一篇理解AES加密解密的使用方法

好了，AES在vue项目加密先讲到这。如果本篇文章有描述错误的地方，请大家多多指正，感谢。