Angular HTTP请求中如何让点号（.）以%2E编码形式发送

这个问题我之前也碰到过——Angular的HttpClient会自动对URL进行规范化处理，包括解码那些手动编码的百分号转义字符，所以你写的%2E会被自动转成.，确实挺头疼的。

下面给你两种靠谱的解决办法，都是我实际用过的：

方法一：单独编码路径段（最直接） #

不要手动写编码后的字符串，而是用encodeURIComponent()函数对包含特殊字符的部分（这里就是你的邮箱地址）进行完整编码，再拼接到URL里。这个函数会自动把所有需要转义的字符（包括.转成%2E，@转成%40）处理好，而且HttpClient不会再对这部分进行解码。

代码示例：

// 原始邮箱地址
const userEmail = 'myEmail@gmail.com';
// 对邮箱进行URL编码
const encodedEmail = encodeURIComponent(userEmail);
// 拼接URL并发起请求
return this._http.get(`${this._const.SECURITY_URL}/api/find/${encodedEmail}`);

这样生成的请求路径就会是你想要的.../api/find/myEmail%40gmail%2Ecom，完全符合要求。

方法二：使用HttpParams（适合查询参数场景） #

如果你的邮箱是作为查询参数传递的（比如.../api/find?email=xxx），可以用HttpParams来构建参数，HttpClient会自动帮你正确编码所有特殊字符：

const userEmail = 'myEmail@gmail.com';
const params = new HttpParams().set('email', userEmail);
return this._http.get(`${this._const.SECURITY_URL}/api/find`, { params });

这种方式更符合Angular的最佳实践，也避免了手动拼接URL的麻烦。

为什么手动写%2E会被解码？ #

Angular的HttpClient内部会使用UrlParser来解析和规范化URL，它会把所有合法的百分号编码字符自动解码，所以你手动写的%2E会被识别成.并转换回来。而用encodeURIComponent()编码后的字符串，会被当作一个完整的路径段，不会被进一步解析。

内容的提问来源于stack exchange，提问作者decebal