在使用Vue.js進行前端開發時,通常會用到axios這個庫來進行網絡請求。而網絡請求中常用的數據格式是json,因為json具有結構清晰、易于解析和處理等優點。axios也支持json格式的請求和響應。
使用axios發起json格式的請求,可將請求頭的Content-Type設置為"application/json;charset=utf-8",并將參數用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格式的響應,axios會自動將json格式的響應解析為JavaScript對象。在使用then()方法處理響應數據時,直接訪問response.data即可獲取服務端傳回的json數據。如果遇到錯誤,使用catch()方法處理錯誤信息,error.response.data即為服務端返回的json格式的錯誤信息。示例如下:
axios.get('/api/user').then(response =>{ console.log(response.data) }).catch(error =>{ console.log(error.response.data) })
總之,axios的json格式請求和響應非常方便和實用,為前端開發帶來了便利。