如何通过直接 URI 访问来限制对 Angular/NGINX 服务器中的静态文件的访问

Question

我们在 NGINX 服务器上部署了一个 Angular 应用程序。在资产文件夹中，我有一个名为configuration的子文件夹，其中包含一个名为configuration.json的文件。

我们使用 HTTP 调用将此 configuration.json 文件加载到我的 Angular 应用程序中。然而，在生产环境中出现了问题：

HTTP 调用显示在浏览器开发人员工具的“网络”选项卡中。 如果有人复制请求 URL 并将其粘贴到浏览器中，他们就可以直接访问 configuration.json 文件。

要求：

• 我们希望限制对此configuration.json 文件的访问，以便：
• 该文件只能由我的 Angular 应用程序通过其访问 HTTP 调用。通过粘贴 URL 通过浏览器直接访问该文件 应该被屏蔽。

环境：

• 前端框架：Angular 18
• 服务器：NGINX

保护此文件的最佳方法是什么？可以使用 NGINX 配置或其他方法来实现吗？

提前感谢您的帮助！

Answer 1

在此路径打开服务器上的 NGINX 配置文件：

“sudo vi /etc/nginx/nginx.conf”

如果您已配置虚拟主机，则位于此路径：

“sudo vi /etc/nginx/sites-enabled/example.conf”

为了限制对URL的访问，你必须这样写：

位置/configuration.json { ... 拒绝 IP 地址； ... }

告诉我，这个答案是否正确！