首页 > 解决方案 > 在 React 页面上显示私人用户信息的最佳方式

问题描述

假设用户可以创建私人食谱。我想知道你如何去构建一个反应应用程序,这样才有可能,只有那个用户才能看到它们。

我想过做一个像 website/recipes/12345 这样的路径,但是如果其他人登录了,他们可以访问这些 url 吗?

有一个通用的 /recipes 页面,然后在该页面上根据从主页传递的数据加载特定的食谱,而不是将其嵌入到 url 中会更好吗?例如,用户点击主页上的“chicken-burger”,这会将他们带到 /recipe,但“chicken-burger”是作为道具发送的还是什么?

标签: reactjsresponsive-designreact-router

解决方案


从结构上讲,为了隐私,您需要比其他任何事情都考虑您的后端。

你的 React 应用程序的结构不会让用户的信息保密。如果您的后端在没有身份验证的情况下在应该是私有的端点上提供数据,那么无论您的前端在做什么,数据都不是私有的。

从你到目前为止提到的内容来看,我会在前端采用 react-router 方法,并为每个配方提供自己的路径。您的后端应该已经在对每个配方请求进行身份验证,以防止其他用户看到他们的信息。


推荐阅读