Base64之前端加密，后端解密操作步骤

前端Vue—加密步骤

1.安装依赖

npm install --save js-base64

2.（main.js）全局配置

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

3.加密，解密

//使用
this.$Base64.encode(this.pwd); //对数据进行加密
this.Base64.encodeURI(url); //对url进行加密

this.$Base64.decode(this.pwd); //以上两者都可用此方法解密

加密的数据格式举例，this.code=this.pwd + ‘.’+ (this.usrName + ‘’),此种加密方式可直接对接后端解密接口

后端—解密步骤

1.创建Base64Service 接口

public interface Base64Service {
	/**
	 * 根据参数进行解密操作，返回String
	 * @param paraId
	 * @return
	 */
	public String getDecodeFindByIdPara(String paraId);
	
	/**
	 * 	根据参数进行解密操作，返回Integer 
	 * @param paraId
	 * @return
	 */
	public Integer getDecodeProjectId(String paraId);
}

2.创建Base64ServiceImpl 实现类

@Service
public class Base64ServiceImpl implements Base64Service {

	@Override
	public String getDecodeFindByIdPara(String paraId) {
		byte[] decode = Base64.getUrlDecoder().decode(paraId);
		String decodeStr = new String(decode);
		String uuid = decodeStr.substring(0, decodeStr.indexOf("."));
		return uuid;
	}

	@Override
	public Integer getDecodeProjectId(String paraId) {
		byte[] decode = Base64.getUrlDecoder().decode(paraId);
		String decodeStr = new String(decode);
		String idStr = decodeStr.substring(decodeStr.indexOf(".") + 1, decodeStr.lastIndexOf("."));
		Integer pid = Integer.valueOf(idStr);
		return pid;
	}
}