在前端開發(fā)中，經(jīng)常需要與后端進行數(shù)據(jù)交互。而axios作為一種常用的HTTP客戶端庫，可以方便地發(fā)送HTTP請求。接收到json數(shù)據(jù)也是非常常見的情況。下面就來介紹如何使用axios接收到json數(shù)據(jù)。

首先需要導入axios庫：

import axios from 'axios';

接著，可以通過調用axios的get方法來獲取后端傳來的json數(shù)據(jù)：

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

上面的代碼中，調用了axios的get方法來請求后端的數(shù)據(jù)。然后在響應成功的回調函數(shù)中，可以通過response.data來訪問到json數(shù)據(jù)。如果發(fā)生錯誤則在catch回調函數(shù)中進行處理。

除了get方法之外，還可以使用post、put、delete等方法來向后端發(fā)送請求。這里以post方法為例：

axios.post('/backend/data', {
name: 'John',
age: 18
})
.then(response =>{
console.log(response.data);
})
.catch(error =>{
console.log(error);
});

上面的代碼中，調用了axios的post方法，同時向后端發(fā)送了一個json數(shù)據(jù)。同樣地，在回調函數(shù)中可以通過response.data來訪問到后端發(fā)送過來的json數(shù)據(jù)。

總的來說，使用axios接收到json數(shù)據(jù)非常簡單。只需要調用axios的相應方法，然后在回調函數(shù)中處理即可。