利用url地址传参，当参数值也为一个url时如何保证参数的完整性？

Question

问题描述：

项目地址：http://x.x
待传参数1：age: 18
待传参数2：page: http://a.a/home?id=66&admin=false
待传参数3：name: trump

如何将参数1、2、3传入项目地址url中，同时保证取用时各参数的完整性？

Answer 1

可以把多个参数合为一个，然后处理为base64字符串发送，这样数据也能伪加密下，url也看起来好看些

let obj = {
  age: 18,
  page: "http://a.a/home?id=66&admin=false",
  name: "trump",
};
let params = btoa(JSON.stringify(obj))
console.log('params: ', params);//发送参数
console.log('paramsJSON: ', JSON.parse(atob(params)));//取参数反解
//params:  eyJhZ2UiOjE4LCJwYWdlIjoiaHR0cDovL2EuYS9ob21lP2lkPTY2JmFkbWluPWZhbHNlIiwibmFtZSI6InRydW1wIn0=
//paramsJSON:  {age: 18, page: 'http://a.a/home?id=66&admin=false', name: 'trump'}

取参数

JSON.parse(atob(new URLSearchParams(location.search.split('?')[1]).get('params').toString()))