uniapp报错：Uncaught URIError: URI malformed（链接路径URL编码/解码/传参等情况报错encodeURIComponent、decodeURIComponent）

最新推荐文章于 2025-10-04 15:58:54 发布
最新推荐文章于 2025-10-04 15:58:54 发布
阅读量4.1k 收藏 3
点赞数 17
CC 4.0 BY-SA版权
分类专栏： uniapp常见问题解决 文章标签： uni-app URIError URI ma url传参报错 编码解码提示错误 encodeURICompon decodeURICompon
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/152456126

问题描述

uniapp使用decodeURIComponent的时候报错：Uncaught URIError: URI malformed（页面传参或页面跳转携带复杂参数时报错）导致无法编码或解码等各种问题、因各种符号非法字符等通通搞定，适用于全平台（微信小程序/H5网页/安卓苹果app/nvue）详细排查此问题！

很多教程都无法解决，在本文你只要报相同的错误就可以解决！

在这里插入图片描述

解决教程

首先分析问题，然后给出具体解决办法。<

了解本专栏 订阅专栏 解锁全文
【JavaScript 报错】未捕获的URI错误：Uncaught URIError
Allen-
07-11 1390
Uncaught URIError 是JavaScript中常见的一种错误，通常发生在全局URI处理函数（如 decodeURIComponent、encodeURIComponent）使用不当时。本文将详细介绍 Uncaught URIError 错误的常见原因及其解决方案。
【JavaScript】使用 decodeURIComponent 的时候报错 Uncaught URIError: URI malformed
热门推荐
chenchao's blog
07-18 3万+
问题：在做页面搜索功能的时候，需要URL地址中拼接查询关键字（key）,然后 跳转到拼接后的地址（https://xxx.com/search?q=key）。如果key里面有中文字，浏览器会默认编码掉，所以这个页面调查询接口的时候需要先解码（/api/search?content=解码后的key），出现了上面的错误。 原因：查询关键字包含一些浏览器敏感的关键词，例如：# , &amp;amp; , =，...
URIError: URI malformed
追梦小狂魔的博客
10-02 3480
URIError: URI malformed
1报错 URI malformed、2如何发送含有空格的get请求encodeURI、3关于URL编码/解码的4个方法、
Xpy 的博客
11-08 5717
一、场景 一个查询接口，可以通过输入空格，来获取查询字段中 含有空格的项目。 后端接口请求为get，不做处理的话，url会自动将空格给删掉， 我无法发送带空格的查询条件： let api = `xxx?pageNum=${pageNum}&pageSize=${pageSize}&keyword=${keyword}`; request({ api, method:"GET" }) 【https://xxxx?pageNum=1&pageSize=10&keyword=】
URI malformed
逻辑无道
08-24 1万+
问题： 通过<Link>进行路由跳转 报错URI malformed 原因： 由于decodeURI转码时，通过%进行解析，如果字符串中存在%，则会出现URI malformed 解决：
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
uniapp报错：TypeError: Cannot read properties of undefined (reading ‘replace‘) 无法读取未定义的属性（读取 ‘replace‘）
高级前端工程师
10-04 4136
TypeError: Cannot read properties of undefined (reading ‘replace‘)，uniapp报错提示，尝试访问未定义对象的replace属性导致，uniapp浏览器控制台报错，uniapp微信小程序报错，uniapp H5网页提示错误，Uniapp APP端报错如何解决，uniapp安卓苹果ios错误，uniapp尝试运行uni.navigateTo的时候没能实现跳转，并卡住显示类似，uniapp页面跳转报错，详细排查和解决方案，怎么解决这个报错，代码没
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Error in onLoad hook: “URIError: URI malformed“ found in…报错处理以及完善uniapp针对对象传参
qq_45796592的博客
06-12 2380
处理Error in onLoad hook: “URIError: URI malformed“ found in
uniapp 之 解决页面跳转传参报URI malformed的bug
zhuang的博客
07-23 3005
  首先，反思问题，为什么会出现这个报错！？   malformed 中文释义：adj. 畸形的，难看的   那么顾名思义，很明显是地址出了问题！   然后经过反复检查，发现是因为在页面跳转时，地址栏上的中文是会被编码的，那么当你传入的参数中是中文且含有百分比号（%）时，浏览器不能正确的对该地址进行解析，所以才会报这个错！    解决方案： let url = `/pages/myInvoice/confirmInvoice/confirmInvoiceRow?invoiceRow=${encodeURIC
decodeURIComponent 报错：URI malformed 的问题记录
chiele的专栏
01-26 4274
decodeURIComponent 处理接收数据的时候，要注意将数据转换，避免导致函数返回异常
报错Uncaught URIError: URI malformed 可以这样解决
w161513820的博客
07-09 2万+
最怕写代码出bug，更怕的是这个bug不常见，今天把所有的数据都处理完了突然查到一行数据的时候显示了这个问题，当时我是一脸懵逼呀，URI？ url这个我倒是经常见 可是这个URI平时不多见呀，这是什么原因造成的。 网上查了一通才发现原来是这样的：由于decodeURI转码时，通过%进行解析，如果字符串中存在%(如： 巴伐利亚黄啤酒精含量：5.0%vol原麦汁浓度:14°P原料：澳洲大麦芽，澳洲焦香麦芽)，则会出现URI malformed 就会出现这个问题，那么就好解决了。 解决： 将字符串中的%替换为25
使用encodeURI出现URI malformed报错？
执行上下文的博客
06-08 2021
今天在一个业务模块中遇到一个问题。在点击导出后出现了**URI malformed**报错提示。 一开始我以为是进行 encode 加密的时候将搜索对象进行了JSON序列化导致的。然后就将JSON.stringify去掉了，发现还是不行。 然后经过排查发现只有在查询条件Name字段输入值后，点击导出才会报错。对比发现**Name**字段相比其他字段多加上了%的前缀和后缀...
解决vue,uni-app报错Error in onLoad hook: “URIError: URI malformed“
weixin_64962562的博客
05-09 1185
解决办法：在传参数编码之前把“%”转换成“%25”，在解码时在更换为%报错原因：路径上所传参数内含有%，浏览器在对“%”执行。拿取路径参数解码时记得转换回去。
Uniapp 报错Uncaught URIError: URI malformed
努力搬砖的小码
04-25 1400
注意：JSON.parse 根据自己的需求去增加，因为我这个是需要将字符转为数组。
jsp报错：Uncaught ReferenceError: $getJSON is not defined
最新发布
11-18
在JSP中出现 `Uncaught ReferenceError: $getJSON is not defined` 报错，通常是因为没有正确引入 jQuery 库或者使用了错误的语法。以下是一些解决方法： ### 1. 确保正确引入 jQuery 库 要确保在 JSP 页面中正确...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蓝猫叫十一

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值