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

Question

背景：

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

要求：

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

我以前选择了哨兵，但现在已经不再完全免费。而且我们无法使用控制台日志记录，因为控制台日志记录会在浏览器刷新时消失，并且对生产没有太大帮助

Answer 1

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

我试图将日志直接从前端推送到loki推送端点。这给了我一个cors错误。因此，我想出了以下步骤来解决Loki问题。

我的解决方法：

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

我进行了大量阅读和点击尝试，但设置成功。我们现在正在使用此设置将前端日志推送到grafana