正常前端在和后台数据交互的时候，为了安全起见会把一些敏感的数据进行加密处理，通用的加密方式有 Md5 和 Base64 加密，Md5 加密可以简单的理解为不可逆的加密，Base64 加密是可逆的加密，当然如果你的密码太简单的话，网上也是会有破解 Md5 加密方法的。接下来我们来了解下，如何在 Vue 的项目中使用 Md5 和 Base64 加密。
一、在项目根目录下安装
二、在项目文件中引入
- import md5 from 'js-md5';
- let Base64 = require('js-base64').Base64;
三、在项目文件中使用
Base64加密
- Base64.encode('dankogai'); // ZGFua29nYWk=
- Base64.encode('小飼弾'); // 5bCP6aO85by+
- Base64.encodeURI('小飼弾'); // 5bCP6aO85by-
- Base64.decode('ZGFua29nYWk='); // dankogai
- Base64.decode('5bCP6aO85by+'); // 小飼弾
- // note .decodeURI() is unnecessary since it accepts both flavors
- Base64.decode('5bCP6aO85by-'); // 小飼弾
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.
博主只是一名前端的小白，只是把自己用到的知识分享一下，要是有什么不对的地方，欢迎大家提出~~
继续阅读
评论