URIError: URI malformed错误

包含了“%”字符，浏览器在对“%”执行decodeURIComponent时报错，正确的解决是将%全部替换为%25再进行传输：

Str.replace(/%/g, '%25');

问题：
在做页面搜索功能的时候，需要URL地址中拼接查询关键字（key）,然后跳转到拼接后的地址（https://xxx.com/search?q=key）。如果key里面有中文字，浏览器会默认编码掉，所以这个页面调查询接口的时候需要先解码（/api/search?content=解码后的key），出现了上面的错误。
————————————————
版权声明：本文为CSDN博主「chenchao2016」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u010486124/article/details/81102224

原因：

查询关键字包含一些浏览器敏感的关键词，例如：# , & , =，而导致报错的是 % ，是因为编码汉字是 % 开头的，多加一个 % 会导致 decodeURIComponent 执行报错。

解决：
在点击查询拼接关键字key的时候，对key中含有敏感的词进行转译，例如，将%号转译为 %25

其他一些关键字的编码对应为:

特殊字符   含义   编码
%   指定特殊字符   %25
#   表示锚点   %23
&   URL Search分隔符   %26
=   URL中指定参数的值   %3D
写一个方法，把key中的敏感字编码掉再去拼接字符串查询就可以了，这样在使用decodeURIComponent 就没问题了。

例如：

// 对查询关键字中的特殊字符进行编码
encodeSearchKey(key) {
const encodeArr = [{
code: '%',
encode: '%25'
}, {
code: '?',
encode: '%3F'
}, {
code: '#',
encode: '%23'
}, {
code: '&',
encode: '%26'
}, {
code: '=',
encode: '%3D'
}];
return key.replace(/[%?#&=]/g, ($, index, str) => {
for (const k of encodeArr) {
if (k.code === $) {
return k.encode;
}
}
});
},

URIError: URI malformed错误相关推荐

URIError: URI malformed
url中有特殊字符导致出错,进行一次校验替换 checkfilename(filename) {filename = String(filename)if (filename.search('%') ...
Uncaught URIError: URI malformed
报错原因:decodeURI不能解码"%" 结局方法: 改用unescape函数
uniapp页面跳转报错URI malformed解决办法
错误示例 URI malformed" found in -> warn @ chunk-vendors.js:3503 e. 如图问题原因: 是因为跳转url携带的中文参数中有'% ...
安卓7.0拍照遇到 Uri暴露错误
最近,项目又做到,调用摄像头拍照获取图片这个功能. 用以前的代码直接用,发现在Android7.0上使用时会出现问题. Android6.0之后,动态申请权限已成常态. 调用摄像头拍照获取图片这个功能 ...
activiti 解压zip java.lang.IllegalArgumentException: MALFORMED 错误
工作流导入 @Overridepublic int create(MultipartFile file, String name, String category) {try{if (file != ...
诡异的sqlite3之malformed错误（一）
诡异的sqlite3之malformed错误(一) 现象现场设备生成并插入大规模的数据,设备异常将数据库拉出来检查时,报告malformed错误 sqlite3 版本 3.8.6 数据库文件大小 2 ...
URI malformed
问题: 通过<Link>进行路由跳转接收参数时报错URI malformed 原因: 由于decodeURI转码时,通过%进行解析,如果字符串中存在%,则会出现URI malformed ...
java zip malformed_java 解压zip java.lang.IllegalArgumentException: MALFORMED 错误
zip压缩包在解压过程中,遇到了错误,提示如下 java.lang.IllegalArgumentException: MALFORMED at java.util.zip.ZipCoder.toSt ...
Yum database disk image is malformed 错误
解决办法: yum clean dbcache

URIError: URI malformed错误

原因：

URIError: URI malformed错误相关推荐

最新文章

热门文章