Vue 项目使用 Base64加密

原创

于 2023-06-19 23:15:00 发布 · 2.2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #ecmascript

文章介绍了两种在Vue项目中实现Base64编码和解码的方法。方法一是通过npm安装js-base64库，然后在Vue实例中使用；方法二是创建一个名为base64.js的公共方法文件，包含encode和decode函数。在使用时，需要正确导入和引用这些方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一

1.安装依赖

npm install --save js-base64

引用

import Base64 from 'js-base64'
Vue.use(Base64)

使用

Base64.encode(this.pwd);//加密
Base64.decode(this.pwd);//解密

方法二

创建一个公共方法（例如：base64.js）

function Base64() {
   
   

    // private property
    var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";

    // public method for encoding
    this.encode = function (input) {
   
   
    if(!input){
   
    console.log('请传入要加密的值') return}
        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 >> 6);
            enc4 = chr3 & 63;
            if (isNaN(chr2)) {
   
   
                enc3 = enc4 = 64;