
本文介绍如何在前端 html 页面中安全、高效地获取 aws 服务器上持续更新的后台文本文件(如 sensor.log 或 status.txt),并通过 javascript 动态渲染最新数据,避免客户端直接访问文件系统。
在 Web 开发中,前端浏览器无法直接读取服务器本地文件系统(如使用 Node.js 的 fs 模块),这是由同源策略和浏览器沙箱机制严格限制的安全设计。你提到的“后台程序持续更新 .txt 文件,且 HTML 由 systemctl 托管在同台 AWS 服务器上”,这恰恰构成了一个典型的 服务端文件 → 前端展示 场景——最佳实践是通过 HTTP 接口桥接,而非绕过安全边界。
✅ 推荐方案:使用 Fetch API 实现定时轮询(Polling)
最简洁、兼容性好、无需额外服务依赖的方案是:将你的文本文件置于 Web 服务器(如 Nginx/Apache)可公开访问的静态路径下(例如 /data/latest_status.txt),然后在前端用 fetch() 定时请求该 URL。
示例:HTML + JavaScript 实现自动刷新显示
实时状态监控 当前服务状态
加载中...











