在前端開發中，我們經常需要從后端接收 JSON 數據。而在處理數據的過程中，我們可能需要用到 axios 這個基于 Promise 的 HTTP 庫。axios 可以發送 GET、POST、PUT、DELETE 和其他請求，同時也可以攔截請求和響應，對數據進行處理。

接下來，我們就來講一下如何使用 axios 返現 JSON 數據。

// 首先我們需要引入 axios 庫
import axios from 'axios';
// 然后我們可以使用 get 方法獲取 JSON 數據
axios.get('/api/data')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});

在上述代碼中，我們通過 get 方法向后端發送請求，請求地址為 /api/data。當我們成功接收到數據時，我們使用 response.data 獲取到后端返回的 JSON 數據。如果請求失敗，我們使用 catch 方法拋出錯誤。

除了上述的 get 方法，axios 還提供了其他方法來發送請求:

• axios.post(url, data[, config])
• axios.put(url, data[, config])
• axios.delete(url[, config])
• axios.head(url[, config])
• axios.options(url[, config])

使用方法與 get 方法類似。例如：

// 發送 POST 請求
axios.post('/api/data', {
name: 'Alice',
age: 18
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

在上述代碼中，我們通過 post 方法向后端發送請求，請求地址為 /api/data。同時，我們還傳入了一個對象，包含姓名和年齡兩個屬性。當請求成功時，我們使用 response 展示結果。

最后，我們需要注意的一點是，在使用 axios 返現 JSON 數據時，需要確保后端返回的數據格式正確。否則，可能會出現無法獲取數據的情況。