VUE|VUE axios post遇到请求不到数据的问题，解决方法如下
在使用axios做接口请求的过程中发现，按照官方文档中的写法，
get()方法是行得通的，post()方法是无论如何都行不通，
控制台中可以看到参数都全部在请求里了，但是就是请求不到数据。
文章图片
get()方法
文章图片
post方法 通过观察控制台可以发现，请求中的数据格式和往常看到的不太一样，正常的post数据格式应该是这样的
文章图片
遇到这样的问题，解决方法如下：
一、对post的数据使用qs进行处理
1、qs安装：
npm install qs
2、main.js中引入qs：
import qs from 'qs'
3、对数据进行处理
var data = https://www.it610.com/article/qs.stringify({
'key1': 'val1',
'key2': 'val2'
});
【VUE|VUE axios post遇到请求不到数据的问题，解决方法如下】二、post格式：在请求头部中增加Content-Type值
axios.post('/user', data,{headers:{'Content-Type':'application/x-www-form-urlencoded'}})
then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
这样就解决了请求数据格式不对的问题。
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 接口|axios接口报错-参数类型错误解决
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show