对url中的参数进行转码

Posted 2023-03-26

参考技术A url参数进行转码的方式：
1.encodeURI()
2.encodeURIComponent()
3.Base64.encode
示例1：
var url = " https://www.baidu.com/index.php?t= 仪表盘&&ss=dash&&vv=星星"
encodeURI(url)
-->

示例2：
var url = " https://www.baidu.com/index.php?t= 仪表盘&&ss=dash&&vv=星星"
encodeURIComponent(url)
-->

示例3：
是只对参数进行转码，使用split对url进行拆分
var url = " https://www.baidu.com/index.php?t= 仪表盘&&ss=dash&&vv=星星"
var newSearch = url.split('?')[1].split('&&').map(item =>
const params = item.split('=');
return $params[0]=$encodeURIComponent(params[1])
).join('&&');
url = $url.split('?')[0]?$newSearch ;
console.log(url)

注意：如果转码过后的url需要打开一个新的页面，chrome上会对转码的url进行解码，这样会达不到相应的转码效果。
可以使用Base64.encode替换encodeURIComponent

var url = " https://www.baidu.com/index.php?t= 仪表盘&&ss=dash&&vv=星星"
var newSearch = url.split('?')[1].split('&&').map(item =>
const params = item.split('=');
return $params[0]=$Base64.encode(params[1])
).join('&&');
url = $url.split('?')[0]?$newSearch ;
console.log(url)

类似这样的效果： https://www.baidu.com/index.php?tn=5paH5pyL55qE5Luq6KGo55uY&&sss=ZGFzaGJvYXJkLWFsbDE1NTU2NjQyMjE5MDk=

如果是直接获取网上的url可以
const newSearch = location.search.substring(1).split('&').map(item =>
const params = item.split('=');
return $params[0]=$encodeURIComponent(params[1]) ).join('&');
$location.href.split('?')[0]?$newSearch ;