• axios.request(config)
  • axios.get(url[,config])
  • axios.delete(url[, config])
  • axios.head(url[, config])
  • axios.post(url[, data[, config]])
  • axios.put(url[, data[, config]])
  • axios.patch(url[, data[, config]])

    axios.request(config)

    1. //原始的Axios请求方式
    2. axios({
    3. method: 'post',
    4. url: '/user/12345',
    5. data: {
    6.   firstName: 'Fred',
    7.   lastName: 'Flintstone'
    8. },
    9. timeout: 1000,
    10. ...//其他相关配置
    11. });

    axios.get(url[, config])

    1. axios.get('demo/url', {
    2.   params: {
    3.       id: 123,
    4.       name: 'Henry',
    5.   },
    6.  timeout: 1000,
    7. ...//其他相关配置
    8. })

    axios.delete(url[, config])

    1. //如果服务端将参数作为java对象来封装接受
    2. axios.delete('demo/url', {
    3.   data: {
    4.       id: 123,
    5.       name: 'Henry',
    6.   },
    7.    timeout: 1000,
    8.   ...//其他相关配置
    9. })
    10. //如果服务端将参数作为url参数来接受，则请求的url为:www.demo/url?a=1&b=2形式
    11. axios.delete('demo/url', {
    12.   params: {
    13.       id: 123,
    14.       name: 'Henry',
    15.   },
    16.    timeout: 1000,
    17.   ...//其他相关配置
    18. })

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

    1. axios.post('demo/url', {
    2.   id: 123,
    3.   name: 'Henry',
    4. },{
    5.  timeout: 1000,
    6.   ...//其他相关配置
    7. })

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

    1. axios.put('demo/url', {
    2.   id: 123,
    3.   name: 'Henry',
    4. },{
    5.  timeout: 1000,
    6.   ...//其他相关配置
    7. })

    axios.patch(url[, data[, config]])

    1. axios.patch('demo/url', {
    2.   id: 123,
    3.   name: 'Henry',
    4. },{
    5.  timeout: 1000,
    6.   ...//其他相关配置
    7. })

总结

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