vue --- axios发post请求后台接收不到参数的三种解决方案

小蔚

发布于 2019-09-11 15:23:30

4.9K0

发布于 2019-09-11 15:23:30

文章被收录于专栏：小蔚记录小蔚记录

最近用vue 做项目使用axios 发送post 请求时遇到了前端传数据后端接收不到的情况：

后来仔细对比发现axios传值是这样的：

而 ajax 传值是这样的：

一个 Request Payload , 一个Form data.

将Request payload 转为 from data 格式就可以了。有四种方式：

一：使用qs(推荐)

首先在你的项目里安装qs 模块。

npm install qs --save-dev

然后在需要使用的页面引入一下：

import qs from 'qs'

引入好了之后，把上面的postData用qs转一下再发送给后台就可以了：

let postData = qs.stringify({
        certificationAccount: that.certificationAccount,
        balance: that.balance
})

这样发送给后台时就是Format Data格式了。

二：使用URLSearchParams ;

let postData= new URLSearchParams()
postData.append('certificationAccount',  that.certificationAccount)
postData.append('balance',  that.balance)

这样也可以，个人觉得写起来麻烦。

let postData ='certificationAccount =' + that.certificationAccount + '&balance=' + that.balance

　es6写法：

let postData = `
          certificationAccount = ${that.certificationAccount}&balance=${that.balance}
`

四：JSON.stringify()

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019-01-16 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度