Vue请求URL格式化,拒绝分号自动转义

最近在用Vue开发百度鹰眼,发送get请求时遇到了转义的问题。具体情况如下:

let url = "/baiDuYingYanEntitySearch?"
    +'filter=entity_names:13266666666,13288888888|active_time:123456'
    +'&ak=ak'
    +'&service_id=serviceId'
    +'&mcode=123123123123123;com.test.hongjiqiezi';

请求参数中存在多种特殊字符,尤其是分号,发送请求时会被自动转义,最终导致请求失败。在这个demo中,分号也是我们请求参数的一部分,我们不需要HTTP请求帮我们自动转义,所以在发送请求时需要使用encodeURI对Url及请求参数格式化一下,解决方法如下:

axios.get(encodeURI(url)).then(function (res) {
    console.log('success');
}).catch(function (err) {
    console.log(err);
})

参考文档

encodeURI/decodeURI 和 encodeURIComponent/decodeURIComponent 的区别:

前者被设计来用于对完整URL进行URL Encode,但是URL中的功能字符,比如&, ?, /, =等等这些并不会被转义;

而后者被设计来对一个URL中的值进行转义,会把这些功能字符也进行转义。
encodeURI: 不编码的符号是: A-Z a-z 0-9 ; , / ? : @ & = + $ - _ . ! ~ * ' ( )

encodeURIComponent: 不编码的符号是:A-Z a-z 0-9 - _ . ! ~ * ' ( )
 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值