vue axios同步请求解决方案

这篇文章主要为大家详细介绍了vue axios同步请求解决方案，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

在vue项目里面，需要循环发送ajax请求，出现的问题就是循环结束，第一次服务器还没返回，导致数据处理错误，需要使用同步请求

 

解决方案

 

目前没有发现axios可以同步请求，所以只能使用jQuery，配置同步请求；

代码如下：

$.ajax({
 url:'/comm/test1.php',
 type:'POST', //GET
 async:false, //或false,是否异步
 data:{
  name:'yang',age:25
 },
 timeout:5000, //超时时间
 dataType:'json', //返回的数据格式：
 beforeSend:function(xhr){
 },
 success:function(data,textStatus,jqXHR){
 },
 error:function(xhr,textStatus){
 },
 complete:function(){
 }
})

vue 安装jQuery插件

代码如下：

$ npm install jquery --save

打开 build/webpack.base.conf 配置文件

【q1010.com温馨提示：图片暂缺】

【q1010.com温馨提示：图片暂缺】

配置完成后，在需要组件使用import $ from 'jquery';

就可以使用！

 

总结

 

以上所述是小编给大家介绍的vue axios同步请求解决方案，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对四海网网站的支持！

本文来自：http://www.q1010.com/184/3712-0.html

注：关于vue axios同步请求解决方案的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js