reactjs - 保护私有反应组件

Question

我正在开发一个使用 laravel API 的单页应用程序，但我有一个问题。在 SPA 中，除非我执行私有路由，否则浏览器会继续下载受私有路由“保护”的组件。所以，我一直在寻找，我发现了代码拆分的概念，我想，我可以隐藏代码拆分私有的组件吗？如果没有，我可以用其他方式吗？因为，虽然我使用 JWT auth 保护 API 中的数据，但我不想公开私有区域，例如管理面板等，即使它没有 API 数据。

标签： reactjsapireact-routercode-splitting

Answer 1

我想你是问基于路由器拆分代码，它会根据需求下载吗？如果是，

在反应中你可以使用 React.lazy 和 Suspense

https://reactjs.org/docs/code-splitting.html