vue base64加密解密

最简单的

全局window内置方法 加密btoa 和 解密atob

加密

btoa(str) 或者 window.btoa(str)

解密

atob(str) 或者 window.atob(str)

要下载库的

npm i --save js-base64

单个组件

import { Base64 } from 'js-base64' // let Base64 = require('js-base64').Base64

Base64.encode(str) // 加密

Base64.decode(str) // 解密

全局挂载

vue2

import Vue from 'vue'
import { Base64 } from 'js-base64'

Vue.prototype.$Base64 = Base64

使用

this.$Base64.encode(str)  // 加密

this.$Base64.decode(str) // 解密

vue3

main.js

import { Base64 } from 'js-base64'

app.config.globalProperties.$Base64 = Base64

或者挂载到window里面

const Base64Api = () => {
  app.config.globalProperties.$Base64 = Base64
  return Base64
}

console.log($Base64()) // 使用方法直接调用就好了

使用

import { getCurrentInstance } from 'vue'

const { proxy } = getCurrentInstance()
console.log(proxy.$Base64)

window.$Base64 = Base64Api