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

标签 vue.js go go-gin

我的应用程序使用Gin Web Framework完成各种任务,其中之一是提供静态文件(Vue.js)。
定期调用此API,然后更新该数据库中的数据。
该数据通过这些静态文件显示。我当前的解决方法是在Vue.js部分中设置计时器功能,该功能每分钟刷新一次页面。
API更改数据库后,是否还有其他更优雅的方法可以立即刷新那些静态文件?还是我可能以一种完全错误的方式来解决这个问题?

最佳答案

这可以通过以下方式使您的页面工作:
i)它可以动态处理数据,如果页面收到新数据,则可以添加/更新数据
ii)在不刷新页面的情况下接收数据的机制可以通过以下几种方式完成

  • 我可以考虑设置一个Websocket来监听页面上的事件
    具有更新的数据(例如“EventNewData”),且有效负载包含数据
    您可以在客户端上获取并更改vue数据对象
  • 您可以跳过页面刷新部分,并制作API来获取数据
    页面,所以现在要执行Ajax请求而不是页面刷新
    并可以使用户体验更加流畅。这将使用间隔功能,就像您在不刷新页面的情况下使用的那样
  • 您可能可以使用HTTP长轮询来进行数据更新,其中客户端将轮询请求新信息的服务器。服务器将请求保持打开状态,直到有新数据可用为止。一旦可用,服务器就会响应并发送新信息。
  • 关于vue.js - 刷新gin-gonic中的静态文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63577957/

    相关文章:

    javascript - Vue,单独的组件触发 'not a function' 消息

    go - 如何在golang中将int(int64)转换为uint16?

    go - 用 go gin 提供视频

    vue-component - 在 Vuejs2 的 select 标签中计算 v-model

    javascript - 如何在 Vuetify 中制作 strip 化的 v-data-table?

    macos - 安装程序如何在 Mac OSX 上设置 PATH 变量?

    go - Testify 套件中的 SetupSuite 和 SetupTest 之间的区别

    戈兰/ Gin : How to disable the "Found." link on HTTP redirect

    go - gin-contrib/cors 返回 404

    vue.js - 使用 vue-router 保存组件状态?