javascript - Vue.js中后端API数据值变化如何自动更新前端？

Question

我正在使用 axios 解析 JSON 数据以使用 Vue.js 使用 API。有一个字段值10，20分钟后可以更新为11。

我正在关注此代码示例:https://jsfiddle.net/jonataswalker/416oz6ga/

getFollowers() {
      return new Promise((resolve, reject) => {
        axios.get('https://api.github.com/users/octocat')
          .then(response => resolve(response))
          .catch(err => reject(error))
      });
 }

类似于上面例子中的followers，我希望我的值在我的前端自动改变。

如何在前端更新这个值？有什么建议吗？

Answer 1

因此，您有两种方法可以做到这一点。

一种是使用 websockets，它是从客户端到服务器的双向连接。这需要在您的服务器上进行特定配置，并且您必须更新您的客户端代码来处理数据推送。 A recent Medium post可能是您入门的好方法。

另一种方法是在客户端使用轮询。使用计时器，每隔 N 秒，它会向 API 发出请求并根据响应进行更新。

A good breakdown has already been written关于两者的优缺点。