axios以data，params，headers传参方式的区别

params：

params的对象参数名和值，axios的源码会把参数和值，拼接在ulr？后面拼接给后台（query查询字符串）

eg：先查看接口文档

// 删除文章分类的接口
export const deleteArtCateAPI = function(id) {
  return request({
    url: '/my/cate/del',
    method: 'DELETE',
    params: {
      id
    }
  })
}

data: 

data的对象参数和值，axios源码会把参数和值，拼接·在请求体（body参数）

eg:

// 注册接口
export const registerAPI = function({ username, password, repassword }) {
  return request({
    url: '/api/reg',
    method: 'POST',
    // axios传参params，data
    // params的对象参数名和值，axios的源码会把参数和值，拼接在ulr？后面拼接给后台（query查询字符串）
    // data的对象参数和值，axios源码会把参数和值，拼接·在请求体（body参数）
    data: {
      username,
      password,
      repassword
    }
  })
}

headers

将传递的参数挂载到请求头上

eg:

 import store from '@/store'
// 获取用户信息接口
export const getUserInfoAPI = function() {
  return request({
    url: '/my/userinfo'
    // method不写默认为‘get’方法请求
    // 传递给后台：params（查询字符串query），data（请求体body），headers（请求头）
    headers: {
      // this.$store.state.token这里的this不是组件对象，不能用this.$store拿到store对象
      Authorization: store.state.token
    }
  })
}