我是靠谱客的博主 认真口红,这篇文章主要介绍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 配置文件

这里写图片描述

这里写图片描述

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

就可以使用!

总结

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

最后

以上就是认真口红最近收集整理的关于vue axios同步请求解决方案的全部内容,更多相关vue内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(115)

评论列表共有 0 条评论

立即
投稿
返回
顶部