1. 程式人生 > 其它 >axios引數配置 + data與params區別及後端接收方式

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