Vue中使用Base64编码

文章描述:

Vue中使用Base64编码和解码操作

安装

npm install --save js-base64

使用

Base64使用encodeURI编码的,也可以直接使用decode进行解码。decode可以识别出来是encodeURI还是encode

let Base64 = require('js-base64').Base64;
export default{
	data(){
		return{
			
		}
	},
	created() {
		// 
		
		var base1 = Base64.encode('xiaoming');  // eGlhb21pbmc=
		console.log(base1)
		var base2 = Base64.encodeURI('xiaoming'); // eGlhb21pbmc
		console.log(base2)
		
		var base11 = Base64.decode('eGlhb21pbmc=');  // xiaoming
		console.log(base11)
		var base22= Base64.decode('eGlhb21pbmc');  // xiaoming
		console.log(base22)
	},
}

 

全局

main.js

import {Base64} from 'js-base64'
Vue.prototype.$Base64 = Base64

vue

export default{
	data(){
		return{
			
		}
	},
	created() {
		const baseData = 'QUJDRA'
		const normal = 'ABCD'
		 
		//.encode() 加密  .decode() 解密
		 
		var data1 = this.$Base64.encode(normal) 
		console.log(data1)
		//加密:==> 'QUJDRA=='
		 
		var data2 = this.$Base64.decode(baseData) 
		console.log(data2)
		//解密:==> 'ABCD'
		
	},
}

 

发布时间:2022/11/23

发表评论