在前端開發(fā)中，我們經(jīng)常需要通過ajax請(qǐng)求獲取后端返回的json數(shù)據(jù)，而利用axios庫來加載這些json數(shù)據(jù)是一個(gè)非常常見的做法。下面就是一個(gè)簡單的demo，旨在讓你快速理解axios如何加載json數(shù)據(jù)。

axios.get('/api/data.json')
.then(response =>{
console.log(response.data);
})
.catch(error =>{
console.log(error);
});

上面的代碼中，我們通過axios發(fā)起了一個(gè)GET請(qǐng)求，請(qǐng)求的地址是當(dāng)前域名下的/api/data.json。當(dāng)請(qǐng)求成功后，response就是服務(wù)器返回的響應(yīng)結(jié)果，而response.data則是我們需要的JSON數(shù)據(jù)。如果請(qǐng)求失敗，則會(huì)進(jìn)入catch代碼塊。

需要注意的是，axios.get()的返回值是一個(gè)Promise對(duì)象，我們可以使用.then()和.catch()方法來處理請(qǐng)求的結(jié)果。

除了使用.then()和.catch()，我們還可以使用async/await語法來處理異步請(qǐng)求：

async function fetchData() {
try {
const response = await axios.get('/api/data.json');
console.log(response.data)
} catch (error) {
console.log(error);
}
}
fetchData();

以上就是關(guān)于axios如何加載json數(shù)據(jù)的基本介紹，希望對(duì)初學(xué)者有所幫助。