—>原生 js 训练计划

axios给后台传值,后台接受不到

几大原因

1.axios传值的格式

这边你需要将content-type的格式改成application/x-www-form-urlencoded

axios({
method: 'post',
url: '/vuetestServlet',
headers: {
// "Content-Type": "application/json"
"Content-Type": "application/x-www-form-urlencoded"
},
data:Qs.stringify({
name: vm.name
})
}).then((result) => {

}).catch((err) => {

});

2.传的数据的格式问题

加一个库 qs.js

<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
<script src="https://cdn.bootcss.com/qs/6.7.0/qs.min.js"></script>
<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.min.js"></script>

然后用法是:

将要传的json格式数据打包起来,格式如下

data:Qs.stringify({

name: vm.name,
age:'18'
})

这边的qs库,有的人写的是小写qs,有的人写的是大写Qs,具体自己试试