前端开发时，什么时候url需要使用encodeURIComponent？

在前端开发时，当需要将用户输入或者动态生成的字符串作为URL的一部分（特别是查询参数或路径片段）发送到服务器时，应当使用 encodeURIComponent 函数对字符串进行编码。
以下是一些具体场景：

查询参数：
当你在URL中添加查询参数（query parameters），例如通过 ?key=value 的形式附加到URL末尾时，每个键值对的“键”和“值”都需要被正确编码。
这是因为查询参数可能包含特殊字符，如空格、引号、#、% 等，如果不编码，这些字符可能会导致URL解析错误或者引起安全问题。
```
let search = 'search term with spaces';
let url = `/search?query=${encodeURIComponent(search)}`;
```
路径片段（Path segments）：
在构建动态路由地址时，如果路径部分由用户输入或其他动态内容决定，也需要对这部分内容进行编码。因为URL路径中的某些字符如 /、?、# 以及一些保留字符如果不编码，可能导致路由匹配失败或被误解为其他类型的URL组成部分。
```
let folderName = 'my folder';
let url = `/folder/${encodeURIComponent(folderName)}`;
```
表单提交（FormData）：
虽然在创建表单数据对象（FormData）时，通常不需要手动调用 encodeURIComponent，因为浏览器会在发送请求时自动处理，但在某些情况下，比如直接拼接URL并以GET方式提交时，仍需确保参数编码。

总的来说，在任何你将用户输入或非固定文本合并到URL中的地方，都应该考虑使用 encodeURIComponent 来确保URL的有效性和安全性。

__EOF__

本文作者：龙陌
本文链接：https://www.cnblogs.com/longmo666/p/18010745.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！