React App 如何防止被二次打包篡改?

Good“美霞 阅读 64

最近上线了一个 React 移动端 H5 应用,担心被人抓包后二次打包、注入恶意代码。我试过混淆 JS,但发现别人还是能轻易反编译并修改逻辑。比如下面这段关键的支付跳转逻辑:

const handlePay = () => {
  if (user.isVerified) {
    window.location.href = <code>https://pay.example.com?token=${authToken}</code>;
  } else {
    alert('请先完成实名认证');
  }
};

有没有更靠谱的方案?前端能做哪些防护来增加二次打包的难度?

我来解答 赞 1 收藏
二维码
手机扫码查看
1 条解答
Dev · 樱潼
前端无法彻底防止篡改,别挣扎了。真正靠谱的做法是把支付逻辑这类关键业务扔到后端API,前端只负责调接口。非要硬刚的话可以在后端对请求加签名校验,前端检测到异常直接弹窗或拦截。
点赞
2026-03-10 21:02