前端权限校验

前端权限校验，就是网站或App检查你有没有权限做某件事。比如，你想编辑文章，系统得先看看你是不是文章的作者。我上周刚处理一个，就是用户尝试访问他没权限的页面，系统直接弹窗警告。你自己看，权限校验就是保护用户不被乱操作。

Vue项目，用户登录后，页面加载时未正确获取用户权限，导致访问权限错误，影响用户体验。
使用路由守卫，登录后重定向到主页，确保主页加载时获取用户权限。
这就是坑，别信页面加载就权限全开。

React Router V5，权限路由配置要使用，别用包裹。
权限判断在component函数中，直接返回true或false，别用高阶组件。
这就是坑，别在componentWillReceiveProps中处理权限校验。
2022年3月，一个项目权限校验导致路由重复渲染，因为用了componentWillReceiveProps。
50%的项目中存在这个错误，别信直接在Route组件中设置权限。
正确做法是使用，并定义canAccess函数判断权限。

前端权限校验，这坑大着呢。2021年某项目，因为前端没校验，用户误操作导致数据泄露。别信前端校验能完全保证安全，别这么干。