axios php接收不到,axios的post请求后台（ThinkPHP5）接收不到数据

最近做vue项目，做分页的功能，使用post给后台发送数据，使用接口还是工具(postman)都可获取数据，唯独axios获取不到；经过排除，发现这与axios的post传参格式有关系；

this.$axios({

method: 'post',

url:url,

params: {

seller_id:seller_id

}

}).then((res)=>{

})

在使用axios时，要注意到配置选项中包含params和data两者，以为他们是相同的，实则不然。

因为params是添加到url的请求字符串中的，用于get请求。而data(form-data)是添加到请求体(body)中的， 用于post请求。

解决方法

方法1:

配置如下：

在main.js里 设置配置，修改Content-Type

import axios from 'axios';

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

Vue.prototype.$axios = axios;

Content-Type须配置为application/x-www-form-urlencoded，以数据量格式进行数据传输(不兼容ie)

方法2：(推荐)

安装qs,在 main.js里引入并且对数据进行序列化

import axios from 'axios';

import qs from 'qs';

Vue.prototype.$qs = qs;

或者

import qs from 'qs';

axios.interceptors.request.use((config) => {

config.data = qs.stringify(config.data);

return config;

}, function(error) {

return Promise.reject(error);

});

作者：子恒|haley

博客园：http://www.cnblogs.com/mylly/

版权所有，欢迎保留原文链接进行转载：)

解决axios发送post请求，后端接收不到数据

https://segmentfault.com/a/1190000012635783

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

最近用vue  做项目使用axios 发送post 请求时遇到了前端传数据后端接收不到的情况: 后来仔细对比发现axios传值是这样的: 而 ajax 传值是这样的: 一个 Request Paylo ...

axios发送post请求后台接受不到问题

axios发送post请求后台接受不到问题 1.首先这是前端的问题 2.解决方案不唯一,但这招肯定行

& ...

axios post传参后台无法接收问题

起因是在angular项目中使用axios发送post请求,向后台传参后台一直无法接收,网上查了有说是请求头设置不对,需要把Content-Type:application/x-www-form-ur ...

vue axios 发送post请求，后端接收参数为null

1首先检查自己的传参方式是否正确,我是传一个对象,没有问题,接口也触发了 2查了下资料说是 Content-Type的问题,设置为   'application/x-www-form-urlencod ...

AngularJs的$http发送POST请求,php无法接收Post的数据解决方案

最近在使用AngularJs+Php开发中遇到php后台无法接收到来自AngularJs的数据,在网上也有许多解决方法,却都点到即止.多番摸索后记录下解决方法:tips:当前使用的AngularJ ...

axios发送post请求，如何提交表单数据？

axios发送post请求,提交表单数据的方式 默认情况下,axios将JavaScript对象序列化为JSON.要以application / x-www-form-urlencoded格式发送数据 ...

axios 发 post 请求，后端接收不到参数的解决方案

问题场景 场景很简单,就是一个正常 axios post 请求: axios({ headers: { 'deviceCode': 'A95ZEF1-47B5-AC90BF3' }, method: ...

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

axios会帮我们自动转换请求数据和响应数据 以及 自动转换JSON数据,我们的请求头转换成 Content-Type变成了application/json;charset=utf-8,然后因为我们的 ...

随机推荐

Highchart URL

http://www.highcharts.com/stock/demo/flags-general http://www.codesec.net/view/217265.html http://js ...

[转]highcharts图表入门之：如何让highcharts图表自适应浏览器窗体的大小或者页面大小

本文转自: http://jsfiddle.net/vCZ8V/1/ http://www.stepday.com/topic/?740 http://blog.csdn.net/yueritian/ ...

linux -cp/mv

cp 复制 -r文件夹 -f强制没有提示 mv 移动改名 mv test.py temp/test2.py移动(后面只加路径就是移动.路径+文件名就是移动+改名) 执行mv一般会执行  mv -i交互 ...

【转】理解*(void**)

#include int main() { int *p; ; unsigned ; p = &a; printf("%d\n", *p); ...

shell脚本常用技巧

shell脚本常用技巧 1.获取随机字符串或数字 ~]#echo $RANDOM | md5sum | cut -c 1-6 ~]#openssl rand -base64 4 | cut -c 1- ...

J - FatMouse's Speed dp

题目链接: https://vjudge.net/contest/68966#problem/J 找最长子串并且记录路径. TLE代码: #include #inclu ...

tomcat介绍

Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,由java语言编写,需要运行在jvm虚拟机中.之所以Java的应用 ...

tomcat配置JMX

最近看JDK的命令行工具,使用Java VisualVM和Jconsole工具都可以监控java程序的运行情况(包括CUP和内存等的使用情况,线程的运行状态等) 在Java VisualVM 工具里可 ...

连续取模-function

2017-09-22 21:56:08 The shorter, the simpler. With this problem, you should be convinced of this tru ...