好、下面上货。
npm安装axios——保存
从“axios”进口axios axios.defaults.headers.post(“内容类型”)=坝τ贸绦?x-www-form-urlencoded”; axios.defaults.baseURL=' http://localhost: 7878/zkview '; Vue.prototype。ajax美元=axios;
testGet:函数(){ ajax({美元。 方法:“得到”, url:/测试/问候, 参数:{ 名字:“弗雷德”, 姓:“打火石” } })。然后(函数(响应){ console.log(响应); })。抓住(函数(错误){ console.log(错误); }); },
testPost:函数(){ var params=new URLSearchParams (); 参数个数。附加('名称',‘您好jdmc你好”); 参数个数。追加(' id ', ' 2 '); ajax({美元。 方法:“文章”, url:“/测试/greeting2”, 数据:参数//数据:{id:“3”,名称:' abc '} })。然后(函数(响应){ console.log(响应); })。抓住(函数(错误){ console.log(错误); }) }
在使用发布方式的时候传递参数有两种方式,一种是普通方式,一种是json方式,如果后台接受的是普通方式,那么使用上述方式即可。
<>强普通形成的方式强>
var params=new URLSearchParams (); 参数个数。附加('名称',‘您好jdmc你好”); 参数个数。追加(' id ', ' 2 '); 数据:params
<强>后台接收参数:强>
公开学生greeting2 (int id字符串名称){
<强> json方式强>
数据:{id:“3”,名字:“abc”}
<强>后台接收参数强>
公共对象greeting2 (@RequestBody对象学生){
以上这篇基于vue添加axios组件,解决帖子传参数为零的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。