vue Base64加解密处理，URLSearchParams 获取参数

本文链接：https://blog.csdn.net/Ann_52547/article/details/139322773

1、安装 js-base64

npm i js-base64

2、加密

let Base64 = require("js-base64").Base64;
export default{
	mounted(){
		//base64加密
		let base64Url = Base64.encode("要加密的string"); 
		//注意这里用到了encodeURIComponent ，目的是中文不要乱码
      	let base64Str = encodeURIComponent(this.base64Url); 
      	 
      	console.log("加密字符串：", base64Str)
	}
}

3、解密

let jmstr = Base64.decode(decodeURIComponent(base64Str));

//如果不用encodeURIComponent 包base64 可以直接Base64.decode("加密串")解密
let jmstr = Base64.decode(base64Url);

// 插播------------------------------------我是快乐分割线---------------------------------吼吼！！！
1、用于获取或设置当前窗口的 URL 地址

window.location.href

2、URLSearchParams --用于处理 URL 查询参数的 API

（1）当 window.location.search 中有参数值时，通常表示当前页面的 URL 包含查询参数。以下是一个示例：

假设当前页面的 URL 是 https://example.com/page?name=John&age=30，其中包含两个查询参数 name 和 age，它们分别对应的值是 John 和 30。

// 获取当前页面的 URL 查询参数
let params = new URLSearchParams(window.location.search);

// 获取参数值
console.log(params.get('name')); // 输出: John
console.log(params.get('age')); // 输出: 30

（2）

// 创建一个新的 URLSearchParams 对象
let params = new URLSearchParams(window.location.search);

// 添加参数
params.append('name', 'John');
params.append('age', '30');

// 获取参数值
console.log(params.get('name')); // 输出: John
console.log(params.get('age')); // 输出: 30

// 迭代所有参数
for (let p of params) {
  console.log(p);
}

// 将 URLSearchParams 对象转换为查询字符串
console.log(params.toString()); // 输出: name=John&age=30