【CryptoJS】CryptoJS.AES实现加解密:


一、效果:

在这里插入图片描述

二、实现:

在这里插入图片描述

  <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>

在这里插入图片描述

<script>
export default {
  name: 'Login',
  data() {
    return {
      formData: {},
    };
  },
  created() {
    if (localStorage.getItem("BASIC_LOGIN")) {
      this.formData = JSON.parse(localStorage.getItem("BASIC_LOGIN"))
    }
  },
  methods: {
    /* 登录按钮 */
    handleSubmit() {
      const that = this;
      that.$refs.elForm.validate(valid => {
        if (valid) {
          that.loading = true;
          let param = { ...this.formData }
           if (localStorage.getItem("BASIC_LOGIN")) {
            param.password = this.encryptANDdecrypt(this.formData.password, "decrypt")
          }
          loginAPI(param).then(res => {
            if (res.data && res.data.code == 0) {
              if (that.formData.checked == true) {
                that.formData.password = that.encryptANDdecrypt(param.password, "encrypt")
                localStorage.setItem("BASIC_LOGIN", JSON.stringify(that.formData))
              } else {
                localStorage.removeItem("BASIC_LOGIN")
              }
              that.$store.commit('setUser', res.data.data)
              that.$router.push({ path: '/Home' }).catch(() => { });
            } else {
              that.$message.error(res.data.msg);
            }
          }).finally(() => {
            that.loading = false;
          })
        }
      });
    },
    // 加解密算法
    encryptANDdecrypt(data, type) {
      const key = '0123456789abcdef' // 密钥, AES-128 需16个字符, AES-256 需要32个字符
      const iv = 'abcdef0123456789' // 密钥偏移量,16个字符

      if (type == 'encrypt') {// 加密
        const encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Utf8.parse(data), CryptoJS.enc.Utf8.parse(key), {
          iv: CryptoJS.enc.Utf8.parse(iv),
          mode: CryptoJS.mode.CBC,
          padding: CryptoJS.pad.Pkcs7
        })
        return encrypted.toString()
      } else {// 解密
        const decrypted = CryptoJS.AES.decrypt(data, CryptoJS.enc.Utf8.parse(key), {
          iv: CryptoJS.enc.Utf8.parse(iv),
          mode: CryptoJS.mode.CBC,
          padding: CryptoJS.pad.Pkcs7
        })
        return CryptoJS.enc.Utf8.stringify(decrypted).toString()
      }
    },
  }
};
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Sun Peng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值