如何“安全地”验证客户端的条件渲染

Question

借助浏览器的 devtools 重新加载已编辑的 javascript 覆盖的能力，您如何“安全地”执行依赖于验证的前端代码？

假设您想根据授权用户的权限有条件地显示某种专有 UI 元素（幽默）。授权用户数据将通过承诺进行验证，但如果条件是基于返回的承诺数据的客户端，那么有人不能删除该条件，另存为覆盖并重新加载页面吗？

if (permissionGroup == 'Team'){
  return <>{children}</>
}

if (nodeENV !== 'development'){
  checkAuth();
}

编辑并运行 JS 覆盖以在不运行身份验证检查的情况下返回孩子

if (permissionGroup !== 'anything'){
  return <>{children}</>
}

有什么办法可以防止这种情况？我对 devtools 安全性的了解有误吗？或者行业标准是否理解，除了数据之外，任何客户端本质上都是开源的？

Answer 1

您永远不会信任客户端，正如您提到的那样，客户端可以修改代码并覆盖您的“安全功能”。

您将需要一个后端并需要验证客户的输入。