Vue:axios请求传参问题

今天在 vue 前后端分离时。遇到传参的问题，在网上看了看资料，现在来分享一下，以便以后使用。

主要的请求类型有：get,post,put,delete,patch
注：每种类型传递参数的方法都不一样，注意区分。

1、get 请求 (放在params 中或者直接拼接到路径中)

Axios.get('demo/url?id=123&name=Henry&sex=1&phone=1333333'
})

后台接受

注： 参数一定还要和  url 中的参数一致
public AjaxResult list(int id,String name,int sex,String phone){
	return null;
}

2、post 请求

Axios.post('demo/url', {
    id: 123,
    name: 'Henry',
    sex: 1,
    phone: 13333333
})

后台接受方式
用@RequestBody 接受 可以是map 类型或者是 实体类，但是实体类的属性必须和 传递的参数一致。
例如：

public AjaxResult list(@RequestBody Map<String,Object> map){
	return null;
}

or  
public AjaxResult list(@RequestBody User user){
	return null;
}

3、put 请求

Axios.put('demo/url', {
    id: 123,
    name: 'Henry',
    sex: 1,
    phone: 13333333
})

后台的接受和 post 方式一样

4、delete 请求(存放在data中)

Axios.delete('demo/url', {
    data: {
        id: 123,
        name: 'Henry',
        sex: 1,
        phone: 13333333
    }
})

5、patch请求

Axios.patch('demo/url', {
    id: 123,
    name: 'Henry',
    sex: 1,
    phone: 13333333
})