Angular 8 动态路由URL中的=号被自动移除原因咨询

这个现象不是路由配置出错，是浏览器和前端路由库按照URI规范做URL标准化的正常行为：

按照RFC 3986 URI规范定义，=字符的默认语义为键值对分隔符，无键结构的孤立末尾=不属于合法路径段的有效内容，会被标准化流程自动裁剪，避免冗余字符干扰路径匹配。

• =通常出现在?之后的query参数区，当它单独出现在路径段（也就是路由动态参数所在的URL路径部分）的最末尾时，就会触发上述裁剪逻辑。
• 你示例中的token是典型的Base64编码值，这类编码天生会为了凑齐固定字节长度，在字符串末尾补1~2个=作为填充符，直接把这类明文值拼到路径里，就会出现末尾的=丢失的问题。

• 拼接URL前对动态参数做转义编码
  生成跳转链接时，对每个路径参数值单独调用encodeURIComponent()方法编码，原本的=会被转义为%3D，完全绕开浏览器的裁剪规则。等路由组件拿到参数后，再用decodeURIComponent()解码就能还原出原始的带=的token值，示例代码：

  // 构造带动态参数的跳转路径
  const mail = 'xyz@yopmail.com';
  const token = 'tyuiokjtyuiiurtyuiasdfjk=';
  const jumpPath = `/reset-password/${encodeURIComponent(mail)}/${encodeURIComponent(token)}`;
  

• 从token生成端适配URL场景
  后端生成重置密码的有效token时，换用URL Safe Base64（base64url）编码格式，这类编码会替换掉原Base64中容易引发URL解析问题的+、/字符，同时移除末尾的=填充，从源头避免特殊字符触发URL裁剪。
• 调整参数存放位置
  如果不想改动参数的编码逻辑，可以把token从路径动态参数挪到query区存放：将路由配置调整为path: 'reset-password/:mail'，实际访问URL写为https://domain_name/reset-password/xyz@yopmail.com?token=tyuiokjtyuiiurtyuiasdfjk=。query区域的=是参数结构的合法组成部分，不会被浏览器自动裁剪。

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