vue axios发送get、post 请求的传参方式

get请求

//导入axios qsimport axios from 'axios'import Qs from 'qs'//发送get请求传参数//效果为 /xxx?pageNum=1&pageSize=2axios.get("/xxx",{params:{pageNum,pageSize}})

post请求

post方式传参分为两种，一种是直接传参，效果是封装成json串，一种是和form表单提交相同的格式

json格式

let data = {pageNum : 1,pageSize : 2};data = Qs.stringify(data);//序列化axios.post("/xxx",{data} //注意：data用{}修饰)/*---------或者-------*/axios.post("/xxx",{pageNum：1,pageSize:2})

以上两种方式的效果都是发送的json串，后端代码如果要用pojo类接收参数，需要用加@RequestBody注解解析才可以拿到。

注：第一种写法需要注意和下面form格式的这种写法的区别和效果，

form格式

let data = {pageNum : 1,pageSize : 2};data = Qs.stringify(data);//序列化axios.post("/xxx",data //注意：data不用{}修饰)

这种传参的格式和form表单的格式相同，后端代码接收时只要参数名相同，就可以直接接收到。

学习中遇到的坑记录一下，学习不易，继续努力！！！