在vue项目如何使用base64加密

1、在vue项如何使用base64力口密这篇文章主要介绍了在vue项目如何使用base64加密，具有很好的参考价 值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教目录 vue项目使用base64加密方法一方法二 vue项目对路由参数进行base64加密加密解密vue项目使用base64力口密l.vue-cli脚手架搭建前端项目中，使用base64加密传输数据方法一安譬依赖npm install -save js-base64.在 main.js中引入1import Base64 from js-base64,QVue. use(Base64)使手Base64. encode (thi

2、s, pwd);加密cBase64, decode (this, pwd);/解密方法二在utils文件夹下创建base64.js,写入下面代码1.加密解密方法使用：1.加密/ var str =124 中文内容；/ var base = new Base64();/ var result = base, encode(str);/ /document, write(result);/ /2.解密/ var result2 = base.decode(result);/ document, write(result2);/ 2.加密、解密算法封装： function Base64() / pr

3、ivate propertyvar _keyStr =ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz01234567894-/;/ public method for encodingthis.encode = function (input) if (! input) console, log (请传入要加密的值)return)var output 二 ;var chrl, chr2, chr3, encl, enc2, enc3, enc4;var i = 0;input = _utf8_encode(input);while (i

4、 2;enc2 二(chrl & 3) 4);enc3 = (chr2 & 15) 2) | (chr3 6);enc4 = chr3 & 63;if (isNaN(chr2) enc3 = enc4 = 64; else if (isNaN(chr3) enc4 = 64;output = output +_keyStr. charAt(encl) + _keyStr. charAt(enc2) + _keyStr.charAt(enc3) + _keyStr. charAt(enc4);return output;/ public method for decoding this.deco

5、de = function (input) output chrl, encl, i = 0;output chrl, encl, i = 0;if (! input) console. log(，请传入要解密的值)returnchr2, chr3;34567891011121314151617181920212223242526272829303132enc2, enc3, enc4：333435363738394041424344454647484950515253545556575859606162input = input, replace (/A-Za-z0-9+/=1/g, )；

6、while (i input.length) encl = _keyStr. indexOf(input, charAt(i+);enc2 = _keyStr. indexOf(input, charAt(i+);enc3 = _keyStr. indexOf(input, charAt(i+);enc4 = keyStr. indexOf(input. charAt(i+);chrl = (encl 4);chr2 = (enc2 & 15) 4) | (enc3 2);chr3 二(enc3 & 3) 6) | enc4;output = output + String. fromChar

7、Code(chrl); if (enc3 != 64) output = output + String.fromCharCode(chr2); if (enc4 != 64) output = output + String.fromCharCode(chr3); )output = _utf8_decode(output);return output;/ private method for UTF-8 encodingvar _utf8_encode = function (string) string = string, replace (/rn/g, z，nz，);var utfte

8、xt = ；for (var n = 0; n string.length; n+) var c = string.charCodeAt(n); if (c 127) & (c 12) | 224);utftext +二 String. fromCharCode(c 6) & 63) | 128); utftext +二 String. fromCharCode(c & 63) | 128);) return utftext;)/ private method for UTF-8 decodingvar _utf8 decode = function (utftext) var string

9、= ； var i = 0;636465666768697071727374757677787980818283848586878889909192let c =0, cl =0, c2 = 0;while ( i utftext. length ) c = utftext. charCodeAt(i);if (c 191) & (c 224) c2 = utftext. charCodeAt(i+1); string +二 String. fromCharCode(c & 31) 6) | (c2 & 6： i += 2; else c2 = utftext. charCodeAt(i+1)

10、;cl = utftext. charCodeAt(i+2);string +二 String. fromCharCode(c & 15) 12) | (c2 & i += 3;)return string;export default Base6493949596979899100101102103104105106107108109110组件中使用import base from J /utils/base64，弓I入var basel = new base()；var passWord=basel. encode (this. form, password) /力口密vue项目对路由参数进行base64加密1 .安装依赖 npm install -save js-base642,全局引入main.js1 import * as Base64 from Js-base64， Vtotype. Base64 = Base641234567123456789101112133 .在页面中使用加密更多getDetails(module, title, id) let param = module: module, title: title, articleld: id )this.$route