React 动态内容如何在浏览器中不记录 api 调用的情况下呈现

问题描述 投票:0回答:1

我计划使用 React 开发一个电子商务应用程序。

有人可以告诉我如何创建 SPA 应用程序,如 Netflix、沃尔玛等,而不记录在用户浏览器上获取数据所需的 API 调用。

例如:在 Walmart 和 Netflix 上进行活动,网络选项卡不会发生任何变化,但功能将像 CSR 应用程序一样流畅。

我尝试过 Next.JS 渲染静态页面和所有页面的某些部分而无需 API 调用,但即使如此,我也无法隐藏动态内容更新的 API 调用

reactjs next.js netflix
1个回答
0
投票

不知道有什么方法可以隐藏网络日志中的 HTTP 请求(我猜你正在谈论 Chrome 或 Firefox 开发工具)。 我也没有找到任何理由这样做。记录网络调用是用户了解应用程序底层发生的情况的一种健康方式。 如果您想隐藏日志,可能是因为您试图实现一些包含来自用户的不安全数据的 HTTP 调用,或者包含来自服务器的您不希望用户知道的数据。无论哪种情况,这可能都是您需要解决的问题,而不是寻找调整来隐藏此通信客户端/服务器。

例如,您可能需要应用程序某些部分的访问控制策略(身份验证)? 或者,如果您使用 Next.js,您可能需要构建一些 API 路由 以仅向客户端发送所需的“公共”数据?

您还可以,就像您在问题末尾所说的那样,使用 React Server Components (RSC) 来构建 HTML 服务器端并仅将其发送到客户端。您可以使用 RSC 和 Next.js 来实现一些动态行为:检查加载 UI 和 Suspense

希望我正确理解您的需求,我的回答对您有帮助😉

© www.soinside.com 2019 - 2024. All rights reserved.