Axios 是一款流行的前端 HTTP 客戶端，可方便地與后端服務器進行數據交互。它允許我們從本地 JSON 文件中獲取數據，來構建一個更加豐富的應用程序。下面是一個簡單的演示應用程序，展示了如何使用 Axios 來獲取本地的 JSON 數據：

// 首先，導入 Axios 庫
import axios from 'axios';
// 然后，創建一個函數來異步獲取本地的 JSON 數據
const getLocalData = async () =>{
try {
const response = await axios.get('/data/sample.json'); // 請求地址為JSON文件的路徑
console.log(response.data); // 輸出獲取到的 JSON 數據
return response.data; // 返回數據給其他函數處理
} catch (error) {
console.error(error); // 捕捉錯誤并打印到控制臺
}
};
// 最后，我們可以在一個文件中調用這個函數并使用獲取到的 JSON 數據來構建應用程序
const MyApp = async () =>{
const data = await getLocalData();
// 處理數據邏輯...
};
// 啟動應用程序
MyApp();

在上述示例中，我們首先導入 Axios 庫，并使用axios.get方法向服務器請求本地 JSON 數據。該方法返回一個包含從服務器獲取到的數據的 Promise 對象，我們可以使用await關鍵字來等待它的解析。然后，我們可以使用 JavaScript 的console.log函數將數據輸出到控制臺，以方便調試和測試。最后，我們返回從服務器獲取到的數據，以供其他函數處理。

習慣使用 Axios 可以大大簡化和加速開發過程，它提供了豐富的功能，例如異步請求、攔截器、請求和響應轉換器等等。我們可以使用它來獲取各種類型的數據，例如 JSON、XML、文本、二進制數據等等。使用 Axios 可以幫助我們構建出更加靈活和強大的應用程序。