vue 中js登录密码处理使用base64和md5

小咪咪 2022-05-27 12:06 93阅读 0赞

# [vue中使用base64和md5][vue_base64_md5] #

1.在项目根目录下安装

cnpm install --save js-base64
    cnpm install --save js-md5

2.在项目文件中引入

import md5 from 'js-md5';
    
    let Base64 = require('js-base64').Base64;

3.在项目文件中使用

base64:

![复制代码][copycode.gif]

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-');  // 小飼弾

![复制代码][copycode.gif]

md5:

![复制代码][copycode.gif]

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.

eg:

![1156842-20171030215719277-135604695.png][]

==>

![1156842-20171030215740418-1916213896.png][]

[vue_base64_md5]: http://www.cnblogs.com/ldlx-mars/p/7757792.html
[copycode.gif]: /images/20220527/68182849fa2944999aab0ca67308aa2b.png
[1156842-20171030215719277-135604695.png]: /images/20220527/a84dc054ba244ae6964fe0b75bf0b1cd.png
[1156842-20171030215740418-1916213896.png]: /images/20220527/24c53ca8cb094a57b8117dec9d7695dc.png