Vue3中通过ts使用crypto-js
时间: 2023-08-31 21:37:21 浏览: 259
Vue使用的CryptoJs
可以使用以下步骤在Vue3中通过TypeScript使用crypto-js:
1. 安装crypto-js
```bash
npm install crypto-js
```
2. 在Vue组件中引入crypto-js
```typescript
import CryptoJS from 'crypto-js';
```
3. 使用crypto-js提供的加密/解密方法
```typescript
// MD5加密
const encrypted = CryptoJS.MD5('message');
console.log(encrypted.toString());
// AES加密
const key = CryptoJS.enc.Utf8.parse('1234567890abcdef'); // 密钥
const iv = CryptoJS.enc.Utf8.parse('abcdef1234567890'); // 偏移量
const message = 'Hello World';
const encrypted = CryptoJS.AES.encrypt(message, key, {
iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
});
console.log(encrypted.toString());
// AES解密
const decrypted = CryptoJS.AES.decrypt(encrypted, key, {
iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
});
console.log(decrypted.toString(CryptoJS.enc.Utf8));
```
注意:使用加密算法时,务必保证密钥和偏移量的正确性。
阅读全文