如何在浏览器中隐藏React组件文件?

时间:2019-05-23 17:54:13

标签: node.js reactjs

我正在制作一个Web应用程序,它的前端是React,后端是Node.js。我正在尝试实现基于角色的功能,并且我不希望用户看到所有可用组件。例如,管理工具的组件位于组件文件中,因为浏览器具有所有js文件,因此任何用户都可以通过控制台查看该组件文件,但是我不希望普通用户看到admin所具有的功能。隐藏这些组件并仅在用户角色为admin时才允许浏览器下载这些组件文件的方法是什么。

1 个答案:

答案 0 :(得分:0)

我认为服务器端渲染(SSR)可能是这里的最佳选择。这样,内容就可以从服务器(安全的地方)发送,然后在事实发生之后加载到客户端上。

https://www.google.com/search?q=server+side+rendering+in+react&rlz=1CDGOYI_enUS769US769&oq=server+side+rendering+in+react&aqs=chrome..69i57j0l3.8253j0j4&hl=en-US&sourceid=chrome-mobile&ie=UTF-8

您还可以签出Next.js之类的框架,我相信它是开箱即用的。