当前位置: 首页 > 知识库问答 >
问题:

如果在Vue.js中后端API数据值发生变化,如何自动更新前端?

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

共有1个答案

范高刚
2023-03-14

所以,你有两种方法可以做到这一点。

一种是使用websockets,这是从客户端到服务器的双向连接。这需要在服务器上进行特定的配置,并且必须更新客户端代码来处理数据推送。最近的媒体帖子可能是你开始的好方法。

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

 类似资料:
  • 使用React封装的图表组件,如何实现自动更新图表数据?

  • 使用laravel 做一个展示大屏项目,后台的数据变化时,如何让前端的页面自动刷新.我想到的办法是使用laravel livewire组件. 具体代码如下: http/livewire/show.php(控制器代码) 前端页面 views/home.blade.php views/livewire/show.blade.php 后台数据变动时,删除\修改\添加, 前端数据都不自动变化,我哪里出问题

  • 问题内容: 我的Web应用程序的后端接收来自多个客户端的更新。发生此类更新时,应将其传达给所有其他客户端。 后端更新后,如何启动从服务器到所有Web浏览器客户端的更新? 我正在使用JBoss,JSF和Spring框架。 问题答案: 参见类似的堆栈溢出问题:WebSockets与服务器发送的事件/EventSource 我假设像DarthVader一样,您的前端是某种(通常)无状态的HTML页面。浏

  • 后端返回样式数据,比如el-header的height:60,前端如何将返回的json数据动态绑定到el-header中,同时假设el-header有个子元素的line-height需要等于60,那么,如何将拿到的数据60也绑定到子元素上

  • 之前name的更新是同步更新的没有问题现在需要走接口,等接口返回后再更新,我试过在这个文件中调用dispath但是调用报错,请问下这种异步的数据该怎么更新

  • 我是新来的Laravel我想做的只是如下: 我的表单中有一些字段,如标题、描述。 标题字段在数据库中是唯一的。 这就是我所做的来更新我的价值观。 但这将导致错误(该值已经存在),因为我的标题字段是唯一的。 我只想在标题值更改时更新标题,否则更新相同的值,但更新其他字段。谢谢