vue中AES加密

最新推荐文章于 2023-08-13 18:32:53 发布

不知名鸽子

最新推荐文章于 2023-08-13 18:32:53 发布

阅读量258

点赞数 2

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_45449046/article/details/130271411

版权

第一步：

//安装
npm install crypto-js --save-dev

在页面引用

<script>
import CryptoJS from 'crypto-js';
 
export default {
    //随机生成指定数量的16进制key
    onLoad(){
    	const params = {
            'name': username,
            'contactMobile': phone,
            'saleId': 'DYXCXYXD',
            'province': '上海市',
            'city': '上海市',
            'county': area || '长宁区',
            'storeId': '13',
            'personnelId': '206966',
            'remark': remark
          }
          // console.log(params)
          const data = this.encryptJsonData(JSON.stringify(params), '_JiaMi_XIADAN_MIYAO_@9527#_')
          // 打印出aes加密后的数值
          console.log(data)
    },
    methods: {
	    encrypt(content, key) {
	      const hexStr = CryptoJS.SHA1(CryptoJS.SHA1(key)).toString().substring(0, 32)
	      const secretKey = CryptoJS.enc.Hex.parse(hexStr)
	      const srcs = CryptoJS.enc.Utf8.parse(content)
	      const encrypted = CryptoJS.AES.encrypt(srcs, secretKey, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 })
	      return encrypted.toString()
	    },
	    // 在onLoad中调用
	    encryptJsonData(jsonStr) {
	      return this.encrypt(jsonStr, '_JiaMi_XIADAN_MIYAO_@9527#_')
	    },
    }
 
}
</script>