axios发post请求，后端接收不到参数的问题

axios会帮我们自动转换请求数据和响应数据以及自动转换JSON数据，我们的请求头转换成

Content-Type变成了application/json;charset=utf-8,然后因为我们的参数是JSON对象，

axios帮我们做了一个stringfy的处理，axios在发送post请求时，默认直接把json放在请求体中提交到后端的。

但是后台可能使用的时java spring mvc，并且使用的注解是@requestParam，这个只能从请求的地址中取出参数，也就是只能从请求链接中截取出参数。要求的Content-Type是'application/x-www-form-urlencoded'，所以后端就接收不到参数；

解决办法：

1 使用URLSearchParams传递参数

let params=new URLSearchParams();

params.append('username','admin'); params.append('psd','222222');

axios({

method:'post',url:'/api/test/aa',data:params

});

URLSearchParams不支持所有的浏览器

2 把参数修改为query参数

直接修改axios的header content-type，axios.defaults.headers.post['Content-type']='application/x-www-form-urlencoded',还需要引入qs库，这个库是axios里面包含的，不需要再下载了

import qs from 'qs'

let data={username:'admin',psd:'222222'};

axios({method:'post',url:'',data:qs.stringify(data)});

3 也可以使用axios的transformQequest来修改请求的数据：

axios({

method:'post',url:'',

transformRequest:[function(data){return qs.stringifg(data)}],

data:{username:'admin',psd:'222222'}

});

4 axios.post('apo/test/22/erer',"username='zhangsan'&psd='222222'");

转载于:https://www.cnblogs.com/xiaofenguo/p/11269798.html

axios发post请求，后端接收不到参数的问题相关推荐

【跨域问题】Vue简单封装axios—解决post请求后端接收不到参数问题
原因分析: 1. 传参数据没有序列化? 解决办法: [推荐] [推荐阅读] vue+axios+qs序列化 "三步解析"[含demo实例]- 代码篇 2. 服务端接受数据格式参数配 ...
Vue简单封装axios—解决post请求后端接收不到参数问题
1.在src/下新建api文件夹,api/下新建index.js和public.js 在public.js中: import axios from 'axios'; import qs from 'q ...
微信小程序request请求后台接收不到参数问题
微信小程序request请求后台接收不到参数问题一. 小程序部分代码二. 后端三. 问题代码四. 请求头一. 小程序部分代码发一个普通的request请求 wx.request({url: ...
uni.request POST 请求后台接收不到参数
uni.request POST 请求后台接收不到参数问题描述前端用 uni.reauest 发送 POST 请求,后台接收不到参数. 原因分析是因为 uni.request 对传入 data ...
axios 发 post 请求，后端接收不到参数的解决方案
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 问题场景场景很简单,就是一个正常 axios post 请求: axios({headers: { ...
axios发送post数据后台收不到_axios 发 post 请求，后端接收不到参数的解决方案
问题场景场景很简单,就是一个正常 axios post 请求: axios({ headers: { 'deviceCode': 'A95ZEF1-47B5-AC90BF3' }, method: ...
axios使用post请求服务端不能获取参数的解决方法
项目中使用到axios作为ajax请求插件,用到post请求是常见的,诸如以下场景的一个普通的post请求: export function listManage(params) { retu ...
Axios Post 请求后端接收不到数据
最近做一个小项目,前端使用 axios 请求数据,后端使用 node 写接口.调试时发现后端取不到请求的参数,解决时浪费了很多时间,这里贴出来解决方法. 项目地址在这里:html-edit-npm 可 ...
关于springBoot post请求参数过大导致后端接收不到参数问题
在配置文件直接添加也不知道哪个起作用了反正都加上就完事了指定上传文件的最大文件大小,默认为1MB spring.servlet.multipart.max-file-size=200MB 指定在 ...

axios发post请求，后端接收不到参数的问题

axios发post请求，后端接收不到参数的问题相关推荐

最新文章

热门文章