Axios 各种请求方式传递参数的格式

一.axios 的请求分类

1. axios.request()
2. axios.get()
3. axios.delete()
4. axios.head()
5. axios.post()
6. axios.put()
7. axios.patch()

1.axios.request(config)

//原始的Axios请求方式
axios({
   method : "post",
   url : '/user',
   data ： {
      firstName : 'zhu',
      lastName : "qiang"
   },
   timeout: 1000，
   //其他的配置
});

2.axios.get( url [,config])

axios.get('demo/url', {
    params: {
        id: 123,
        name: 'Henry',
    },
   timeout: 1000,
  ...//其他相关配置
})

3.axios.delete (url [,config])

//如果服务端将参数作为java对象来封装接受
axios.delete('demo/url', {
    data: {
        id: 123,
        name: 'zhu',
    },
     timeout: 1000,
    ...//其他相关配置
})
//如果服务端将参数作为url参数来接受，则请求的url为:www.demo/url?a=1&b=2形式
axios.delete('demo/url', {
    params: {
        id: 123,
        name: 'Henry',
    },
     timeout: 1000,
    ...//其他相关配置
})

4.axios.post(url [,data [, config ]])

axios.post('demo/url', {
    id: 123,
    name: 'zhu',
},{
   timeout: 1000,
    ...//其他相关配置
})

5.axios.put(url [,data [, config ]])

axios.put('demo/url', {
    id: 123,
    name: 'zhu',
},{
   timeout: 1000,
    ...//其他相关配置
})

6.axios.path(url [,data [, config ]])

axios.patch('demo/url', {
    id: 123,
    name: 'zhu',
},{
   timeout: 1000,
    ...//其他相关配置
})

总结：

通过以上案例可以看出，get delete请求方式中，第一个参数为请求的url地址，第二个参数为请求的一些配置项，需要传递给后端的参数包含在配置项的data或者params属性中，而post put patch请求则第一个参数为url地址，第二个参数是需要入参的json数据，第三个参数是入参以外的其他配置项。