如何限制对我的反应构建静态文件的访问？答案

【问题标题】：How to restrict access of my react build static files?如何限制对我的反应构建静态文件的访问？
【发布时间】：2021-11-11 06:06:20
【问题描述】：

我已经通过npm run build 创建了构建并将构建文件夹托管在服务器上。

我的问题是我可以通过路径查看静态文件。例如 - https://[mydomain.com]/static/js/11.ba24d9f9.chunk.js2

如果此文件不存在（在此域上点击一个随机 url，例如 - https://[mydomain.com]/abaknan），由于 react-router * 条目，它将呈现我的 404Component。

是否可以阻止这个块路由并显示 404component ？

【问题讨论】：

【解决方案1】：

React 是一个用于客户端 UI 渲染的 Javascript 库。因此，它需要将所有编译好的 JS 加载到文档中才能渲染组件。

如果您在页面上使用任何敏感信息。请保护您的后端应用程序中的那些。

【讨论】：

我明白了，但是我的其他 URL 是如何重定向到我的自定义 404 页面的？我想了解它背后的概念。
如果你看到 react 文件夹结构。它的根目录中有一些文件夹。其中，public 目录的内容直接提供，而所有其他路径都根据您的代码在前端本身呈现。您的代码被编译并存储在 js 文件中，这有助于在浏览器中呈现 UI。

【解决方案2】：

编译后的 JS 块文件是渲染页面所必需的。因此，它们必须可以从您请求页面的任何位置访问。其他端点返回您的自定义 404 页面，因为 React Router 未找到该文件。从你的 UI 框架中阻止块路由是不可能的，你需要在你的服务器上添加这些规则。

【讨论】：