当前位置:主页 > vue.js教程 > vue中post请求以a=a&b=b的格式写遇到的问题

vue中post请求以a=a&b=b的格式问题整理

发布:2019-11-12 15:15:28 98


给网友们整理相关的编程文章,网友文琼岚根据主题投稿了本篇教程内容,涉及到vue、post、请求、vue中post请求以a=a&b=b的格式写遇到的问题相关内容,已被927网友关注,内容中涉及的知识点可以在下方直接下载获取。

vue中post请求以a=a&b=b的格式写遇到的问题

vue开发过程中,总会碰到一些问题,当然任何问题都不能阻止我们前进的脚步,话不多说,下面是我在开发过程中请求参数所碰到的问题

1,在暂时没有后台数据的时候,post请求的参数大多会以   name:a,age:b   的格式去写

import axios from 'axios';
axios.post(url,{
    name:'0',age:''
    },{emulateJSON: true}, {  // 这里是跨域写法
    headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}  // 这里是跨域的写法
    }).then(reponse=>{
     console.log(reponse)
      this.tableData=reponse.data.data
    })

这样写法是没有问题的,

2,若是后台已经写好,但post的请求要以   name:a&age:b   的方式去写的话,上面你的写法就会请求不到数据,这时我们就要使用一个插件来解决这个问题

2.1,安装qs

 npm install --save axios vue-axios qs

2.2,在请求的页面加入

    import qs from 'qs';
     import axios from 'axios';
axios.post(url,qs.stringify({  // 通过qs.stringify()将对象解析成URL的形式
    name:'0', age:'2'
    }),{emulateJSON: true},{
    headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}
    }).then(reponse=>{
     console.log(reponse)
     this.tableData=reponse.data.data
    })

总结

以上所述是小编给大家介绍的vue中post请求以a=a&b=b 的格式写遇到的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对码农之家网站的支持!


参考资料

相关文章

  • vue:src文件路径错误问题及解决方案

    发布:2019-09-23

    这篇文章主要介绍了vue :src 文件路径错误问题的简单解决方法,本文分步骤给大家介绍的非常详细,感兴趣的朋友跟随脚本之家小编一起学习吧


  • 详解vue axios登录请求拦截器

    发布:2020-02-16

    这篇文章主要介绍了vue axios登录请求拦截器,判断是否登录超时,或对请求结果做一个统一处理的教程详解,需要的朋友可以参考下


  • React Native采用Fetch方式发送跨域POST请求的实例内容

    发布:2019-12-31

    这篇文章主要介绍了详解React Native 采用Fetch方式发送跨域POST请求,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • 解析Vue2.0基于vue-cli+webpack Vuex的用法

    发布:2020-02-11

    下面小编就为大家带来一篇Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • Vue2实现组件props双向绑定的具体方法

    发布:2019-11-20

    这篇文章主要为大家详细介绍了如何在Vue2中实现组件props双向绑定,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • RestTemplate发送HTTP GET请求使用方法详解

    RestTemplate发送HTTP GET请求使用方法详解

    发布:2022-10-20

    给大家整理一篇关于java的教程,这篇文章主要为大家介绍了关于RestTemplate发送HTTP GET请求的使用方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家
    33+多多进步


  • springboot中restful风格请求的使用方法示例

    发布:2023-04-12

    RESTful是一种web软件风格,它不是标准也不是协议,它不一定要采用,只是一种风格,它倡导的是一个资源定位(url)及资源操作的风格,下面这篇文章主要给大家介绍了关于springboot中restful风格请求的使用方法,需要的朋友可以参考下


  • vue列表交错过渡实现实例

    发布:2020-04-13

    这篇文章主要介绍了vue的列表交错过渡实现代码示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


网友讨论