Vue's sample code to implement base64 encryption decryption in project

The first method is to directly use the plugin js-base64

1. Install plug-in

npm install --save js-base64

2. Plugin reference

import { Base64 } from 'js-base64'

3. Encryption and decryption

const encodePwd = (password);//encryptionconst decodePwd = (encodePwd);//Decryption

The second type is the introduction of packages

1. Create a file in utils, the code in it is as follows

//Encryption and decryption algorithm packaging:function Base64(this: any) {
    // private property
    var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
    // public method for encoding
     = function (input: string) {
        if (!input) { ('Please pass in the value to be encrypted'); return }
        var output = "";
        var chr1: number, chr2: number, chr3: number, enc1: number, enc2: number, enc3: number, enc4: number;
        var i = 0;
        input = _utf8_encode(input);
        while (i &lt; ) {
            chr1 = (i++);
            chr2 = (i++);
            chr3 = (i++);
            enc1 = chr1 &gt;&gt; 2;
            enc2 = ((chr1 &amp; 3) &lt;&lt; 4) | (chr2 &gt;&gt; 4);
            enc3 = ((chr2 &amp; 15) &lt;&lt; 2) | (chr3 &gt;&gt; 6);
            enc4 = chr3 &amp; 63;
            if (isNaN(chr2)) {
                enc3 = enc4 = 64;
            } else if (isNaN(chr3)) {
                enc4 = 64;
            }
            output = output +
                _keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
                _keyStr.charAt(enc3) + _keyStr.charAt(enc4);
        }
        return output;
    }
    // public method for decoding
     = function (input: string) {
        if (!input) { ('Please pass in the value to be decrypted'); return }
        var output = "";
        var chr1: number, chr2: number, chr3: number;
        var enc1: number, enc2: number, enc3: number, enc4: number;
        var i = 0;
        input = (/[^A-Za-z0-9\+\/\=]/g, "");
        while (i &lt; ) {
            enc1 = _keyStr.indexOf((i++));
            enc2 = _keyStr.indexOf((i++));
            enc3 = _keyStr.indexOf((i++));
            enc4 = _keyStr.indexOf((i++));
            chr1 = (enc1 &lt;&lt; 2) | (enc2 &gt;&gt; 4);
            chr2 = ((enc2 &amp; 15) &lt;&lt; 4) | (enc3 &gt;&gt; 2);
            chr3 = ((enc3 &amp; 3) &lt;&lt; 6) | enc4;
            output = output + (chr1);
            if (enc3 != 64) {
                output = output + (chr2);
            }
            if (enc4 != 64) {
                output = output + (chr3);
            }
        }
        output = _utf8_decode(output);
        return output;
    }
    // private method for UTF-8 encoding
    var _utf8_encode = function (string: string) {
        string = (/\r\n/g, "\n");
        var utftext = "";
        for (var n = 0; n &lt; ; n++) {
            var c = (n);
            if (c &lt; 128) {
                utftext += (c);
            } else if ((c &gt; 127) &amp;&amp; (c &lt; 2048)) {
                utftext += ((c &gt;&gt; 6) | 192);
                utftext += ((c &amp; 63) | 128);
            } else {
                utftext += ((c &gt;&gt; 12) | 224);
                utftext += (((c &gt;&gt; 6) &amp; 63) | 128);
                utftext += ((c &amp; 63) | 128);
            }
        }
        return utftext;
    }
    // private method for UTF-8 decoding
    var _utf8_decode = function (utftext: string) {
        var string = "";
        var i = 0;
        let c = 0, c1 = 0, c2 = 0;
        while (i &lt; ) {
            c = (i);
            if (c &lt; 128) {
                string += (c);
                i++;
            } else if ((c &gt; 191) &amp;&amp; (c &lt; 224)) {
                c2 = (i + 1);
                string += (((c &amp; 31) &lt;&lt; 6) | (c2 &amp; 63));
                i += 2;
            } else {
                c2 = (i + 1);
                c1 = (i + 2);
                string += (((c &amp; 15) &lt;&lt; 12) | ((c2 &amp; 63) &lt;&lt; 6) | (c1 &amp; 63));
                i += 3;
            }
        }
        return string;
    }
}
export default Base64

2. Reference encapsulated js

import { Base64 } from '@/utils/base64'

3. Encryption and decryption

const encodePwd = (password);//encryptionconst decodePwd = (encodePwd);//Decryption

This is the article about the sample code for vue to implement base64 encryption and decryption in the project. For more related vue base64 encryption and decryption content, please search for my previous articles or continue browsing the related articles below. I hope everyone will support me in the future!