在前端開發中，我們常常需要從本地獲取JSON數據來渲染視圖。axios是一個基于Promise的HTTP客戶端，可以幫助我們完成這一任務。

首先，在項目中安裝axios，可以使用npm：

npm install axios

然后，我們可以使用axios的get方法來獲取本地JSON數據。假設我們有一個JSON文件名為data.json，存儲在項目的根目錄下，我們可以通過以下代碼來獲取數據：

axios.get("./data.json").then(response =>{
console.log(response.data);
});

在上述代碼中，我們使用了axios的get方法，并將data.json作為參數傳遞給它。當獲取數據成功后，axios將會返回一個Promise對象，我們可以使用then方法來處理這個Promise。在then方法中，我們可以訪問response對象，并從中獲取數據。

最后，我們可以使用獲取到的JSON數據來渲染頁面。例如，我們可以使用Vue.js來將獲取到的數據綁定到頁面上：

new Vue({
el: "#app",
data: {
items: []
},
mounted() {
axios.get("./data.json").then(response =>{
this.items = response.data;
});
}
});

在上述代碼中，我們使用Vue.js來創建一個Vue實例，并使用axios獲取本地JSON數據。當獲取數據成功后，我們將數據存儲到Vue實例的data中，并使用Vue模板語法將數據渲染到頁面上。