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

背景：

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

要求：

我希望持久化，并将ReactJs应用程序日志和度量值放置在grafana上。这将帮助我们在同一位置查看前端和后端应用程序日志和指标。是否有一个免费的，开源的Javascript库或框架可以帮助我做到这一点。我需要编写的代码越少越好

---

我以前选择过哨兵，但现在已经不完全免费了。我们不能使用控制台日志记录，因为它会在浏览器刷新时消失，对生产没有帮助，所以当时我没有找到一个好的库，但我最终能够将日志发送到loki push endpoint

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

我的解决方法：

安装nginx代理服务器

Nginx解析cors

将反向代理添加到nginx。我将请求发送到nginx主机，然后它从同一网络中将该请求转发给loki，这样就没有cor了

---

我进行了大量的阅读和尝试，但我得到了设置工作。我们现在使用此设置将前端日志推送到grafana，所以当时我没有找到一个好的库，但我最终能够将日志推送到loki push endpoint

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

我的解决方法：

安装nginx代理服务器

Nginx解析cors

将反向代理添加到nginx。我将请求发送到nginx主机，然后它从同一网络中将该请求转发给loki，这样就没有cor了

我进行了大量的阅读和尝试，但我得到了设置工作。我们现在使用此设置将前端日志推送到grafana