前端登录时使用base64.js对密码进行加密

最新推荐文章于 2025-11-15 02:33:49 发布

原创

最新推荐文章于 2025-11-15 02:33:49 发布 · 1.3k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#js #vue

该博客介绍了在前端Vue项目中如何使用Base64.js库进行登录密码的加密处理，包括引入库、调用加密方法等步骤，确保用户密码的安全传输。

前端登录密码加密（base64.js）

1.引入base64.js(以vue项目为例)

// 引入js
import Base64 from '../common/base64.js';

2.调用方法

var passWord = this.data.loginPwd;
let b = new Base64();
let str = b.encode(passWord);

3.base64.js


function Base64() {
   
   
 var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
 this.encode = function (input) {
   
   
  var output = "";
  var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
  var i = 0;
  input = _utf8_encode(input);
  while (i < input.length) {
   
   
   chr1 = input.charCodeAt(i++);
   chr2 = input.charCodeAt(i++);
   chr3 = input.charCodeAt(i++);
   enc1 = chr1 >> 2;
   enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
   enc3 = ((chr2 & 15) << 2) | (chr3 >>