vue.js - 刷新 gin-gonic 中的静态文件

Question

我的应用程序将 Gin Web 框架用于各种任务，其中之一是提供静态文件 (Vue.js)。定期调用此 API，然后更新数据库中的数据。这些数据通过这些静态文件显示。我目前的解决方法是在 Vue.js 部分设置一个计时器功能，它每分钟刷新一次页面。

一旦 API 对数据库进行更改，有没有更优雅的方法可以立即刷新这些静态文件？还是我可能以完全错误的方式处理这个问题？

标签： vue.jsgogo-gin

Answer 1

这通过使您的页面以这样的方式起作用

i）它可以动态处理数据，如果页面接收到新数据，则添加/更新数据

ii) 在不刷新页面的情况下接收数据的机制这可以通过下面提到的几种方式来完成

1. 我可以考虑设置一个 websocket 侦听页面上的事件，其中包含更新的数据，例如“EventNewData”，其中 Payload 包含您可以在客户端获取并更改 vue 数据对象的数据

2. 您可以跳过页面刷新部分并制作 API 来获取页面上的数据，因此现在您将执行 ajax 请求而不是页面刷新，并且可以提供更流畅的用户体验。这将使用一个间隔函数，就像您在没有页面刷新的情况下使用的那样

3. 您也许可以使用 HTTP 长轮询来进行数据更新，其中客户端轮询服务器以请求新信息。服务器保持请求打开，直到有新数据可用。一旦可用，服务器就会响应并发送新信息。