Axios 各種請求方式傳遞參數格式

為方便起見，為所有支持的請求方法提供了別名
在使用別名方法時， url、method、data 這些屬性都不必在配置中指定

• axios.request(config)

• axios.get(url[, config])

• axios.delete(url[, config])

• axios.head(url[, config])

• axios.post(url[, data[, config]])

• axios.put(url[, data[, config]])

• axios.patch(url[, data[, config]])

axios.request(config)

//原始的Axios請求方式 axios({ method: 'post', url: '/user/12345', data: { firstName: 'Fred', lastName: 'Flintstone' }, timeout: 1000, ...//其他相關配置 }); 

axios.get(url[, config])

axios.get('demo/url', { params: { id: 123, name: 'Henry', }, timeout: 1000, ...//其他相關配置 }) 

axios.delete(url[, config])

//如果服務端將參數作為java對象來封裝接受 axios.delete('demo/url', { data: { id: 123, name: 'Henry', }, timeout: 1000, ...//其他相關配置 }) //如果服務端將參數作為url參數來接受，則請求的url為:www.demo/url?a=1&b=2形式 axios.delete('demo/url', { params: { id: 123, name: 'Henry', }, timeout: 1000, ...//其他相關配置 }) 

axios.post(url[, data[, config]])

axios.post('demo/url', { id: 123, name: 'Henry', },{ timeout: 1000, ...//其他相關配置 }) 

axios.put(url[, data[, config]])

axios.put('demo/url', { id: 123, name: 'Henry', },{ timeout: 1000, ...//其他相關配置 }) 

axios.patch(url[, data[, config]])

axios.patch('demo/url', { id: 123, name: 'Henry', },{ timeout: 1000, ...//其他相關配置 }) 

總結： 通過以上案例可以看出，get delete請求方式中，第一個參數為請求的url地址，第二個參數為請求的一些配置項，需要傳遞給后端的參數包含在配置項的data或者params屬性中，而post put patch請求則第一個參數為url地址，第二個參數是需要入參的json數據，第三個參數是入參以外的其他配置項。

作者：易冷zzz
鏈接：https://www.jianshu.com/p/53deecb09077
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。