解决vue+axios post参数后端无法接收的问题

2019独角兽企业重金招聘Python工程师标准>>>

使用axios发送post请求，http请求hearder中'Content-Type'的类型为'application/json;charset=UTF-8'，后端无法接收，如果后端使用的是springmvc框架，可以让其对应方法的参数加上注解@RequestBody，即可接收，但是此种方法不友好，这样改了之后，其他地方需要调用访问，如果不是用json方式传递参数，则无法使用。

　　下面，考虑从前段解决问题，首先安装nodejs的qs模块：npm install qs --save

然后修改post代码：

var qs = require('qs');
function post(url, params){return axios.post(url, qs.stringify(params),{headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'}}).then(res => res.data);
}
export const addSysTable = params => { return post(`/api/table/insert.do`, params).then(res => res.data);};

这样调用addSysTable 就可以正常传递参数了。

转载于:https://my.oschina.net/u/1011854/blog/1630611

解决vue+axios post参数后端无法接收的问题相关推荐

解决vue axios跨域请求发送两次问题
解决vue axios跨域请求发送两次问题参考文章: (1)解决vue axios跨域请求发送两次问题 (2)https://www.cnblogs.com/wordblog/p/12171875. ...
解决Vue跨域访问后端API问题
文章目录前言一.vue.config.js文件二.配置代理参数总结前言我们在写前后端分离的时候,请求后端接口是必要步骤,但是这个时候就有个问题,因为前端和后端是归属于不同端口,我们在直接访 ...
vue怎么和python后端交互_新vue axios与python后端连接的程序
1.安装axios环境与配置 npm install --save axios vue-axios axios的配置在入口main.js中导入axios 并将axios写入vue的原型,这样就能更简 ...
vue axios 返回参数响应参数
为什么80%的码农都做不了架构师?>>> this.axios.get('xxx').then(response => {}).catch(error => err ...
vue axios解决post传参数问题
我相信遇到这个问题的兄弟们,不带参数的情况下都是没有问题吧, 如果有问题,百度吧,好解决,答案都比较靠谱这里主要针对带参数的情况,坑多另外,我默认你用postman带参测试接口是没问题的不多说, ...
axios请求mysql_接收post请求（vue+axios）解决跨域问题（三）
1.通过postman测试post请求新建一个接收post的路由 //根据post的id查询 var selId='select * from list where id=?' //响应post r ...
解决Vue前后端跨域问题的多种方式
1 前言本文主要介绍借助解决Vue前后端跨域问题的几种方式说到ajax请求,就不得不说下xhr(XMLHttpRequest)了,它可以说是鼻祖,但是实际开发中,我们不会直接使用它,而是进行二次封 ...
[vue] axios是什么？怎样使用它？怎么解决跨域的问题？
[vue] axios是什么?怎样使用它?怎么解决跨域的问题? axios 的是一种异步请求,用法和ajax类似,安装npm install axios --save 即可使用,请求中包括get,po ...
解决vue在ios或android中用webview打开H5链接时#号后面的参数被忽略问题angular同样适用
解决vue在ios或android中用webview打开H5链接时#号后面的参数被忽略问题angular同样适用参考文章: (1)解决vue在ios或android中用webview打开H5链接时# ...

解决vue+axios post参数后端无法接收的问题

解决vue+axios post参数后端无法接收的问题相关推荐

最新文章

热门文章