在使用Vue.js進行前端開發(fā)時,通常會用到axios這個庫來進行網(wǎng)絡(luò)請求。而網(wǎng)絡(luò)請求中常用的數(shù)據(jù)格式是json,因為json具有結(jié)構(gòu)清晰、易于解析和處理等優(yōu)點。axios也支持json格式的請求和響應(yīng)。
使用axios發(fā)起json格式的請求,可將請求頭的Content-Type設(shè)置為"application/json;charset=utf-8",并將參數(shù)用JSON.stringify()方法進行序列化。示例如下:
axios.post('/api/login', { username: 'admin', password: '123456' }, { headers: { 'Content-Type': 'application/json;charset=utf-8' } }).then(response =>{ console.log(response.data) }).catch(error =>{ console.log(error.response.data) })
使用axios接收json格式的響應(yīng),axios會自動將json格式的響應(yīng)解析為JavaScript對象。在使用then()方法處理響應(yīng)數(shù)據(jù)時,直接訪問response.data即可獲取服務(wù)端傳回的json數(shù)據(jù)。如果遇到錯誤,使用catch()方法處理錯誤信息,error.response.data即為服務(wù)端返回的json格式的錯誤信息。示例如下:
axios.get('/api/user').then(response =>{ console.log(response.data) }).catch(error =>{ console.log(error.response.data) })
總之,axios的json格式請求和響應(yīng)非常方便和實用,為前端開發(fā)帶來了便利。