如何限制我的react构建静态文件的访问?



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

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

如果这个文件不存在(点击这个域名上的随机url,例如- https://[mydomain.com]/abaknan),它会因为react-router *条目而渲染我的404Component。

是否可以阻塞这个块路由并显示404组件?

React是一个用于在客户端呈现UI的Javascript库。因此,它需要将所有已编译的JS加载到文档中,以便渲染组件。

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

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

最新更新