在前端開發中，我們常常需要使用ajax請求json數據來渲染頁面。而現在越來越多的開發者開始選擇使用axios來進行請求。axios是一個基于Promise的HTTP客戶端，可以用在瀏覽器和node.js中。它的特點是支持瀏覽器和Node.js環境、支持Promise API、支持攔截請求和響應、支持多種數據格式等等。本文就介紹一下如何使用axios請求json數據并渲染頁面。

import axios from 'axios';
axios.get('/api/data.json')
.then(function (response) {
console.log(response);
// 獲取到響應數據后執行相關操作，比如渲染頁面
})
.catch(function (error) {
console.log(error);
});

上面的代碼請求了一個名為data.json的json文件，并在控制臺打印了獲取到的響應數據。接下來我們可以根據獲取到的數據對頁面進行操作，比如渲染一個列表。

上面的代碼在頁面中創建了一個空的列表，然后通過axios請求獲取到的json數據，在forEach循環中將每一個對象的name屬性添加到列表項中。這樣，我們就通過axios請求獲取到了json數據，并在頁面中進行了渲染。