axios引數配置 + data與params區別及後端接收方式
阿新 • • 發佈:2022-04-20
axios常用引數
axios ({ method: 'get', // 請求方式,預設get baseURL: '/demo', // 將自動加在url前面,除非url是絕對URL url: '/query', // 請求介面 params: {}, // 將與請求一起傳送的URL引數 data: {}, // 作為請求主體傳送的資料 headers: {'X-Requested-With': 'XMLHttpRequest'}, // 自定義的請求頭 timeout: 1000, // 請求超時毫秒數 withCredentials: default, // 跨域請求時是否需要使用憑證,預設falsemaxContentLength: 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', })