axios发送请求的两种方式

axios既可以作为函数使用发送请求，也可以作为对象去调用方法发送请求，为什么这样规定呢？

这样的规定就有两种请求的写法

axios作为对象，直接调用get post put delete就可以了，这里主要说下axios作为函数的调用方式

.axios作为函数，参数为js配置对象

如此使用axios是放到所需要的函数中

  1.1 get请求，参数是放到params属性中

//指定基本url默认配置
axios.defaults.baseURL = 'http://localhost:8888'

//默认是get请求方式，可以不用指定
axios({
    //这里的url路径是不能取消 / 的，因为路径必须带
    url: '/user',
    params:{
        id: 1
    }
}).then(response => {
                    console.log(response.data)
                    })

等价于：axios.get('/user?id=1')的写法

  1.2 post请求

  post一定要指定，注意数据是放在data属性中的，而不是params中

axios({
    url: '/user',
    method: 'post',//这里既可以大写也可以小写，最终底层代码中都会转为大写
    data: {
        "title": "js"
    }
})

1.3 put请求

  路径/user/4指定4就可以直接找到id为4的数据

axios({
  
  url:'/user/4',// 这里的4指的是param参数
  method:'put',
  data:{
    title:'book'
  }
})