vue3+ts+vite 引入crypto

在Vue 3、TypeScript (TS) 和 Vite 开发环境中引入 `crypto` 模块，你可以用来处理加密相关的操作，比如哈希、加解密等。以下是使用这些工具如何导入和使用 `crypto` 的步骤：

1. 首先，确保你的项目已经安装了 Node.js，因为 `crypto` 是 Node.js 的内置模块，不适用于浏览器环境。

2. 在 Vue 3 项目中，由于 TypeScript 的支持，你需要安装 TypeScript 编译器和 Vue 3 的类型定义文件。如果还没有安装，可以使用以下命令：

   npm install -D typescript @vue/cli-plugin-typescript

3. 安装 Vite，Vite 提供了更快的开发体验。如果尚未安装，执行：

   npm install -D vite

4. 创建一个 TypeScript 模块来引入和使用 `crypto`：

   // src/cryptoUtils.ts
   import * as crypto from 'crypto';

   export interface CryptoService {
     generateHash(input: string): string;
     encrypt(text: string, key: string): string;
     decrypt(encryptedText: string, key: string): string;
   }

   export const cryptoService: CryptoService = {
     generateHash(input: string): string {
       return crypto.createHash('sha256').update(input).digest('hex');
     },
     // 你还可以添加其他加密/解密方法，如 AES 加密，具体实现取决于你的需求
     // encrypt(text, key) { ... },
     // decrypt(encryptedText, key) { ... },
   };

5. 在你的组件或服务中导入并使用 `cryptoUtils`：

   // components/YourComponent.vue
   import { cryptoService } from '@/src/cryptoUtils';

   export default {
     // ...
     methods: {
       hashInput(input: string) {
         return cryptoService.generateHash(input);
       },
       // 根据需要调用加密或解密方法
       encryptData(text: string, key: string) {
         return cryptoService.encrypt(text, key);
       },
       decryptData(encryptedText: string, key: string) {
         return cryptoService.decrypt(encryptedText, key);
       },
     },
   };