如何将 Reactjs 日志和指标推送到 Grafana

Question

背景：

我正在做一个项目，我们在 Java 中有一个服务器设置，对于前端，我们使用的是 ReactJs。 我们的服务器通过他们的推送 API 将所有日志发送到 Loki 端点，并将所有指标发送到 prometheus 推送网关。 然后，Grafana 从 Loki 和推送网关中提取这些日志和指标进行显示。

要求：

我想保留并放置ReactJs应用程序日志和指标，以便它们在grafana上可见。 这将帮助我们在同一个地方查看前端和后端应用程序日志和指标。 是否有免费的、开源的 Javascript 库或框架可以帮助我。 我需要编写的代码越少越好。

我之前选择了哨兵，但它不再完全免费了。 而且我们不能使用控制台日志，因为它会在浏览器刷新时消失，并且对生产没有帮助

Answer 1

所以当时我没有找到一个好的库，但我最终能够将日志发送到 loki push 端点。

我尝试将日志直接从前端推送到 loki 推送端点。 这给了我一个 cors 错误。 所以我想出了以下步骤来绕过 cors 和 Loki。

我的解决方法：

1. 设置 nginx 代理服务器。
2. Nginx 解析 cors。
3. 将反向代理添加到 nginx。 我向 nginx 主机发送请求，然后它将请求从同一网络内转发给 loki，因此没有 cors。

我花了很多时间阅读和尝试，但我得到了设置工作。 我们现在正在使用此设置将前端日志推送到 grafana