URL 编码/解码

对 URL 和 URI 组件进行编码和解码,以实现安全传输和正确格式化。

开发者工具
URL 处理
查询字符串
编码选项
配置编码/解码方法
要编码的文本
输入要编码以用于 URL 的文本
示例
查看各种 URL 编码/解码示例
示例 1
原始
Hello World!
编码后
%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94%20%EC%84%B8%EA%B3%84%21
示例 2
原始
Hello World!
编码后
Hello%20World%21
示例 3
原始
user@example.com
编码后
user%40example.com
示例 4
原始
https://example.com/search?q=test
编码后
https%3A//example.com/search%3Fq%3D%ED%85%8C%EC%8A%A4%ED%8A%B8
示例 5
原始
JSON 格式:英语搜索数据
编码后
search=%ED%95%9C%EA%B8%80%20%EA%B2%80%EC%83%89&page=1
URL 编码指南

什么是 URL 编码?

URL 编码是一种用于在 URL 中安全传输特殊字符、空格和 Unicode 字符的方法。它将特殊字符转换为“%”符号后跟十六进制代码。

处理模式说明

  • 标准 URL 编码: 使用 encodeURIComponent() 或 encodeURI()
  • 查询字符串 (qs): 将对象转换为查询字符串或解析它们
  • 表单数据: 处理 key=value 格式的表单数据

何时使用?

  • • 在 URL 查询参数中包含特殊字符或非 ASCII 字符时
  • • 传输表单数据时
  • • 在 API 请求中发送包含特殊字符的数据时
  • • 在 Web 开发中确保 URL 安全时

常见编码字符

空格 → %20
! → %21
@ → %40
# → %23
$ → %24
% → %25
& → %26
+ → %2B

qs 库示例

import qs from 'qs';

const encoded = qs.stringify({ a: '1 2', b: ['x', 'y'] }, { encode: true });
// → a=1%202&b[0]=x&b[1]=y

const decoded = qs.parse(encoded);
// → { a: '1 2', b: ['x', 'y'] }

字符编码

字符编码是指将字符串转换为特定的编码格式。在 URL 编码中,字符编码可以将字符串转换为 UTF-8、EUC-KR、ISO-8859-1 等各种编码格式。