vuejs 如何实时更新后台数据
发布于 9 个月前 作者 ouyangxuanyun 1286 次浏览 来自 问答

前端是vuejs实现的，要显示一个任务的状态，这个状态信息是通过vue-resource 访问XXX:/api/XXX/status 接口获取到的，想问有没有什么办法一旦这个接口提供的状态信息有变化vuejs页面就可以显示出来，而不是刷新之后才得到刷新时候的状态信息。我需要设定个时间定时执行vue-resource 来获取实时的状态信息吗？ 谢谢大家！

7 回复

这个不是vue-resource的原因呀，即使是ajax请求，能及时知道后台数据的变化，，要么定时获取，，要么用长链接的方式

ajax轮训或者WebSocket

@zhangman8667 谢谢您的回答，定时获取就是用setIntervall函数持续的请求接口获取数据， 那长连接要怎么实现呢？

@jamiesoung ajax轮询是个好方法，请问websocket需要后端的支持么，是不是后端也需要用websocket， 现在后端没法更改，只是前端用websocket可以实现吗？ 谢谢

@ouyangxuanyun 需要后端支持。

image.png

@yangruoyang 这是后端的代码吧？ 如果后端没法更改只能提供现有的restAPI只能靠更改前端如何实现呢，是不是就不能用socketio了，必须用轮询了？

回到顶部