javascript - 如何使用 Nuxt 框架从自动刷新的 API 获取实时信息?

标签 javascript node.js axios socket.io nuxt.js

我已经使用 nuxt 一段时间了,我想知道如何从网站上自动更新的 JSON api 获取信息?

我读过一些有关 SocketIO 和 Axios 的内容。 有人对如何最好地做到这一点有任何建议吗?

我尝试使用 Axios 进行一些操作。它只是不会自动工作

最佳答案

有几种方法:

  • Long polling (或者任何类型的“让我每x秒发送一个axios调用):相当天真,但在某些情况下可以完成工作,但从长远来看不是最好的
  • Server Sent Events :单向有一些限制,根据您的用例就足够了
  • Websockets ,双向且迄今为止最有效的双向实时通信方式。

SocketIO如果你有 JS 后端 + 前端,这确实是最常见的方法。否则,您的后端可能已经内置了自己的解决方案,例如 Action Cable适用于 Ruby on Rails。


对于 Nuxt(2 和 3),您可以使用 this module 。它不是由核心团队正式维护的,但如果您不想自己编写该部分,那么它可能就足够了。

PS:关于Nuxt + socket.io的一些问题已经在这里问过,有兴趣的可以搜索一下。

关于javascript - 如何使用 Nuxt 框架从自动刷新的 API 获取实时信息?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/74405320/

相关文章:

javascript - 使用 jQuery 隐藏某些表格单元格

javascript - 在 <div> 标签中包裹 react-leaflet Map 组件使其消失

javascript - AWS Lambda错误: Process exited before completing request

javascript - axios.post().then() 没有将已解析的数据传递给回调函数

node.js - 设置 axios 默认值时未获取身份验证 header

javascript - Ajax 发送并保存 Base64 编码图像到服务器

javascript - 为什么我的数组结果不符合我的 CSS 规则?

javascript - 不和谐.js v12 : How do I await for messages in a DM channel?

javascript - Kibana 使用 Yarn 引导 - 错误 800A0404/800A1391

javascript - 如何使用 javascript/axios 访问服务器的错误响应