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

nemo 发布于2019-07-01 10:53 / 600人阅读

摘要：最近做项目，做分页的功能，使用给后台发送数据，使用接口还是工具都可获取数据，唯独获取不到经过排除，发现这与的传参格式有关系在使用时，要注意到配置选项中包含和两者，以为他们是相同的，实则不然。因为是添加到的请求字符串中的，用于请求。

最近做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/ 
版权所有，欢迎保留原文链接进行转载：)

混合云 idc机房托管 js接收post返回的数据接收不到Boss的数据 ajax的post请求 js post 请求数据

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/29591.html

解决Vue axios post请求，后台获取不到数据问题

摘要：最近做项目，需要用到后台是第一次使用进行请求，本以为同一样，会很简单，但是结果往往不让人满意啊，请求很简单，这里就不说了，主要说下请求方式。以上只是个人的实践经过，有其他解决办法的，欢迎留言。最近做项目，需要用到vue,后台是php,第一次使用axios进行请求，本以为同ajax一样，会很简单，但是结果往往不让人满意啊，get请求很简单，这里就不说了，主要说下 post请求方式。使...

endiat 2019-06-28 18:33 评论0 收藏0
axios发送post请求，request.getParamter接收不到

摘要：场景如下前端使用向后台发了一个为的请求，后台接口如下发现接收不到的信息。改为也一样接收不到。表单请求提交时，使用的是，而使用原生的请求如果不指定请求头，默认使用的是。场景如下：前端vue使用axios向后台发了一个Content-type为application/json的post请求，后台springmvc接口如下： @RequestMapping(xxx) public Resu...

Awbeci 2019-08-19 10:49 评论0 收藏0
vue的axios组件如何与PHP后端交换数据

摘要：本文的目的在于探讨前后端数据交互，并给出不同的解决方案供大家参考。实际使用只需在配置文件配置其他配置其他组件配置以上就是前端处理和后端处理两种解决方案，可根据实际情况选择一、前言 axios是vue项目中用来使用ajax技术来与后台交换数据的一个组件，在vue的作者推荐下，相当数量的vue前端开发人员开始使用它。但是在实际开发过程中，却时有出现后端接收不到前端post过来的数据的情况...

韩冰 2019-08-22 17:09 评论0 收藏0
vue的axios组件如何与PHP后端交换数据

摘要：本文的目的在于探讨前后端数据交互，并给出不同的解决方案供大家参考。实际使用只需在配置文件配置其他配置其他组件配置以上就是前端处理和后端处理两种解决方案，可根据实际情况选择一、前言 axios是vue项目中用来使用ajax技术来与后台交换数据的一个组件，在vue的作者推荐下，相当数量的vue前端开发人员开始使用它。但是在实际开发过程中，却时有出现后端接收不到前端post过来的数据的情况...

CloudwiseAPM 2019-07-01 12:27 评论0 收藏0
axios使用心得总结

摘要：最近项目中使用也遇到了一些问题，就借此机会总结一下，如有错误，还请不吝指正。而在使用时对应的传参使用的是，是作为请求体发送的，同样使用这种形式的还有等请求方式。层在环境中可以使用。 Axios是一个基于Promise的 HTTP 库，可以用在浏览器和node.js 中，因为尤大大的推荐，axios也变得越来越流行。最近项目中使用axios也遇到了一些问题，就借此机会总结一下，如有错误，...

Lowky 2019-08-21 17:50 评论0 收藏0