axios参数配置 + data与params区别及后端接收方式

axios常用参数

axios ({
   method: 'get', // 请求方式，默认get
   baseURL: '/demo', // 将自动加在url前面，除非url是绝对URL
   url: '/query', // 请求接口
   params: {}, // 将与请求一起发送的URL参数
   data: {}, // 作为请求主体发送的数据
   headers: {'X-Requested-With': 'XMLHttpRequest'}, // 自定义的请求头
   timeout: 1000, // 请求超时毫秒数
   withCredentials: default, // 跨域请求时是否需要使用凭证，默认false
   maxContentLength: 1000, // 允许的响应内容最大尺寸
})

 

data与params的区别

• params：将与请求一起发送的URL参数

  • 常用于'get'请求
  • 必须是一个无格式对象（plain object）或URLSearchParams对象
  • 后端对应采用@RequestParam接收，对应chrome的Query String Parameters

• data：作为请求主体被发送的数据

  • 只适用于'put'、'post'、'patch'类型的请求
  • 在没有设置transformRequest时，data类型必须是string、plain object、ArrayBufferView、URLSearchParams之一
  • 后端对应采用@RequestBody接收，对应chrome的Request Payload

 

// 若接收参数既有@RequestBody又有@RequestParam
axios.request({
   url: '/find?name='+name,
   data: {
        id: id,
    },  
   method: 'post', 
})