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.js实战之使用Vuex + axios发送请求详解
• vue中axios处理http发送请求的示例（Post和get）
• VUE axios发送跨域请求需要注意的问题
• vue axios请求超时的正确处理方法
• 详解Vue用axios发送post请求自动set cookie
• vue使用Axios做ajax请求详解
• vue-cli axios请求方式及跨域处理问题
• 解决axios发送post请求返回400状态码的问题
• 完美解决axios跨域请求出错的问题
• Nginx代理axios请求以及注意事项详解