vue接口返回数据,偶尔成功,大多数数据为null,提示:非法请求,重复的URL

项目场景:

项目场景:
使用脚手架vue-cli创建(no vuex)的vue项目,再请求某一个路由页面的相关接口数据时,返回的对象中,有时候是数据,有的时候是null,为null时,message还会提示:非法请求,重复的URL
这是成功拿到数据并且渲染了页面的效果
接口返回的是成功的数据且渲染后的效果
跳转其他路由页面再点击该路由后,数据为null


问题解决过程描述:

(想解决却又没完全解决,结果是未解决)

1.出现这个问题,首先以为原因是busvue总线传值没有卸载事件,导致事件一直频繁触发,造成堵塞。后来卸载事件了,并且尝试注释掉busvue传值事件也还是出现这个问题,没解决;

  this.busvue.$on("decarts", (val) => {
   
      this.chnageRouter(val);
    }<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
vue可以通过使用axios库来请求接口并获取数据,可以使用Promise.all方法来等待两个接口返回数据成功后再请求详情接口。 首先,安装和引入axios库,可以使用以下命令进行安装: ``` npm install axios ``` 然后在需要请求接口vue文件中,通过import引入axios库: ```javascript import axios from 'axios'; ``` 接下来,可以使用axios的get方法来发送接口请求: ```javascript axios.get(url1).then(response1 => { // 在接口1返回数据成功后执行的代码 axios.get(url2).then(response2 => { // 在接口2返回数据成功后执行的代码 axios.get(url3).then(response3 => { // 在请求详情接口返回数据成功后执行的代码 }).catch(error3 => { // 处理请求详情接口失败的情况 }); }).catch(error2 => { // 处理接口2请求失败的情况 }); }).catch(error1 => { // 处理接口1请求失败的情况 }); ``` 上述代码中,使用axios的get方法发送接口请求,并使用then方法处理接口返回数据,catch方法来处理接口请求失败的情况。 在第一个请求接口返回数据成功后,再通过then方法继续请求第二个接口,然后在第二个接口返回数据成功后再继续请求详情接口。 最后可以根据需求,在请求详情接口返回数据成功后执行相应的代码,也可以通过catch方法来处理请求失败的情况。 通过以上方式,可以在两个接口返回数据成功后再请求详情接口,并对请求的结果进行相应的处理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小白秦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值