React App 如何防止被二次打包篡改?
最近上线了一个 React 移动端 H5 应用,担心被人抓包后二次打包、注入恶意代码。我试过混淆 JS,但发现别人还是能轻易反编译并修改逻辑。比如下面这段关键的支付跳转逻辑:
const handlePay = () => {
if (user.isVerified) {
window.location.href = <code>https://pay.example.com?token=${authToken}</code>;
} else {
alert('请先完成实名认证');
}
};
有没有更靠谱的方案?前端能做哪些防护来增加二次打包的难度?
Dev · 樱潼
Lv1
前端无法彻底防止篡改,别挣扎了。真正靠谱的做法是把支付逻辑这类关键业务扔到后端API,前端只负责调接口。非要硬刚的话可以在后端对请求加签名校验,前端检测到异常直接弹窗或拦截。
点赞
2026-03-10 21:02