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', 
})