前端AES加密

2021-09-23 14:32:53 阅读：170 来源： 互联网

标签：AES encrypt res 前端 let params 加密 CryptoJS

在这里插入图片描述
1、创建crypto.js文件

import CryptoJS from 'crypto-js';

const AESKEY = 'abcdfghigklmnopq';
// 16位密钥，和后端保持一致

const encrypt = (text) => {
    let key = CryptoJS.enc.Utf8.parse(AESKEY);

    let encrypted = CryptoJS.AES.encrypt(text, key, {
        drop: 128,
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
    });

    return encrypted.toString();
};
// AES加密
export default encrypt;

2、在需要的文件夹上引入

// AES加密
import encrypt from '@/util/crypto'

// Post传参，登录请求
let params = new FormData()
      params.append('userName', this.username)
      params.append('passWord', encrypt(this.password))
      this.axios.post(api.loginUrl, params).then(response =>{
        let res = response.data
        if (res.success) {
          localStorage.setItem('login', true)
          localStorage.setItem('wsp_Auth', res.data.token)
          localStorage.setItem('wsp_user', JSON.stringify(res.data.user))
          this.$router.push({
            path: '/index'
          })
        } else {
          this.$message.error(res.message || '系统问题，请联系管理员！')
        }
      }).catch(err => {
        console.error(err)
      }).finally(() => {
        this.loading.close()
      })

完事，证实一下我们的账号密码都是admin

在这里插入图片描述

标签：AES,encrypt,res,前端,let,params,加密,CryptoJS
来源： https://blog.csdn.net/Wehter/article/details/120434012

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

前端AES加密