最近在用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 - _ . ! ~ * ' ( )