react url参数加密与解密

react web项目加密histroy是BrowserRouter路由参数

使用js方法btoa与decodeURIComponent

加密：btoa(unescape(encodeURIComponent(markup)))

解密：decodeURIComponent(escape(window.atob(markup)))

列子：

页面一：传参

var url='name=1&id=2';

url=btoa(unescape(encodeURIComponent(url)))

var newUrl='[http://baidu.com?$]${url}'

window.open(newUrl)

页面二：接收参数

var url=this.props.location.search;

url=url.substring(1)

var newUrl=decodeURIComponent(escape(window.atob(url)))

const {name,id}=queryString.parse(newUrl)