S3静态托管下React应用URL编码问题求助

问题分析 #

你遇到的核心问题并非S3主动对JWT解码结果做URL编码，而是在S3静态托管环境中，JWT的payload可能在传输（比如通过URL参数传递JWT）或解析环节被自动转义，导致{version}变成了URL编码后的%7Bversion%7D；而本地环境没有这个转义步骤，两种环境下的URL格式不一致，单一替换逻辑无法兼容。

可行解决方案 #

方案1：兼容两种格式的正则替换

用正则表达式同时匹配原始的{version}和编码后的%7Bversion%7D，一次完成替换：

const processedUrl = url.replace(/\{version\}|%7Bversion%7D/g, `v${apiVersion}`);

方案2：先解码URL再执行原始替换

先对JWT解码得到的URL做一次URL解码，统一格式后再执行原本的替换逻辑：

// 先解码URL，确保格式统一为未编码状态
const decodedUrl = decodeURIComponent(url);
const processedUrl = decodedUrl.replace('{version}', `v${apiVersion}`);

补充说明 #

你尝试的S3重定向规则无效，是因为重定向规则是在S3服务器层面处理外部请求路径，而你的URL替换逻辑是在React应用内部处理JWT解码后的字符串，两者执行环节完全独立，所以S3规则无法干预应用内的字符串处理流程。

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