【Vue】18.vue中使用Base64和md5_vue的import {base64} from 'js-base64-CSDN博客

本文详细介绍了如何在项目中安装并使用js-base64和js-md5库进行数据的Base64编码、解码及MD5加密。通过具体示例展示了不同数据类型和输出格式的加密方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在项目根目录下安装

npm install js-base64 --save
npm install js-md5 --save

2.在项目文件中引入

  import {Base64} from 'js-base64';
  import md5 from 'js-md5';

3.在项目中文件中引入

Base64:

// 编码
Base64.encode('');
Base64.encodeURI('');
// 解码
Base64.decode('');

md5:

md5(''); // d41d8cd98f00b204e9800998ecf8427e
md5('The quick brown fox jumps over the lazy dog'); // 9e107d9d372bb6826bd81d3542a419d6
md5('The quick brown fox jumps over the lazy dog.'); // e4d909c290d0fb1ca068ffaddf22cbd0

// It also supports UTF-8 encoding
md5('中文'); // a7bac2239fcdcb3a067903d8077c4a07

// It also supports byte `Array`, `Uint8Array`, `ArrayBuffer`
md5([]); // d41d8cd98f00b204e9800998ecf8427e
md5(new Uint8Array([])); // d41d8cd98f00b204e9800998ecf8427e

// Different output
md5(''); // d41d8cd98f00b204e9800998ecf8427e
md5.hex(''); // d41d8cd98f00b204e9800998ecf8427e
md5.array(''); // [212, 29, 140, 217, 143, 0, 178, 4, 233, 128, 9, 152, 236, 248, 66, 126]
md5.digest(''); // [212, 29, 140, 217, 143, 0, 178, 4, 233, 128, 9, 152, 236, 248, 66, 126]
md5.arrayBuffer(''); // ArrayBuffer
md5.buffer(''); // ArrayBuffer, deprecated, This maybe confuse with Buffer in node.js. Please use arrayBuffer instead.