Vue项目页面加载未同步到数据时，执行轮询接口问题?

描述：后台同学调用第三方接口拿到数据给前端渲染页面，问题是后台数据没有及时同步到位。故此要求前端对接口执行轮询。{首次请求数据未同步过来时，执行setInterval 2s一次 3次}，
这样写有什么问题吗？或是朋友有简洁的代码供学习下。谢谢大佬。
或是对此情况有更好的方案 求指点。
代码如下：

1. const loadPacketInfo= () => {
   
2.     return new Promise((resolve, reject) => {
   
3.         getPacketApi()
   
4.             .then((result) => {
   
5.                 resolve(result);
   
6.             })
   
7.             .catch((err) => {
   
8.                 resolve({});
   
9.             });
   
10.     });
    
11. };

复制代码

1. //queryAction 触发操作
   
2. const queryAction = () => {
   
3.     Toast.loading({
   
4.         message: '加载中...',
   
5.         duration: 0,
   
6.         forbidClick: true,
   
7.     });
   
8. 
   
9.     loadPacketInfo().then((res) => {
   
10.         const { data, errno } = res;
    
11.         if (errno === '0') {
    
12.             if (data.mixedData && data.mixedData.length === 0) {
    
13.                 let num = 0;
    
14.                 const timer = setInterval(() => {
    
15.                     num++;
    
16.                     if (num > 3) {
    
17.                         Toast.clear();
    
18.                         clearInterval(timer);
    
19.                         return;
    
20.                     }
    
21.                     loadPacketInfo().then((result) => {
    
22.                         const { data } = result;
    
23.                         if (data.mixedData && data.mixedData.length > 0) {
    
24.                             updateWrap(data.mixedData);
    
25.                             Toast.clear();
    
26.                             clearInterval(timer);
    
27.                         }
    
28.                     });
    
29.                 }, 2000);
    
30.             } else {
    
31.                 if (data.mixedData && data.mixedData.length > 0) {
    
32.                     updateWrap(data.mixedData);
    
33.                     Toast.clear();
    
34.                 }
    
35.             }
    
36.         }
    
37.     });
    
38. };

复制代码