在Vue、React等前端框架中，我們通常需要使用HTTP協議請求服務器端的數據，并將數據展示到頁面上。而使用axios就是一種常用的HTTP請求庫，它可以輕松地實現向服務器請求數據，并處理返回的JSON數據。

在開始使用axios之前，我們需要安裝axios庫。使用npm或yarn可以輕松完成安裝：

npm install axios --save

或者：

yarn add axios

接下來，我們就可以使用axios來請求JSON數據了。首先，我們需要創建一個axios實例，并設置默認的baseURL：

import axios from 'axios';
const instance = axios.create({
baseURL: 'http://localhost:8080/api'
});

以上代碼創建了一個名為instance的axios實例，并設置了默認的baseURL為http://localhost:8080/api。接下來，我們可以使用instance來發送請求了。下面的例子是使用instance獲取一個name為'John'的用戶的信息，并將其輸出到控制臺：

instance.get('/user', {
params: {
name: 'John'
}
})
.then(response =>{
console.log(response.data);
})
.catch(error =>{
console.log(error);
});

在以上代碼中，我們使用.get()方法向服務器請求數據，并傳遞了一個參數{name: 'John'}。在返回的響應中，我們可以使用response.data來獲取JSON數據，并將其輸出到控制臺。

至此，我們已經成功地使用axios獲取了JSON數據。在實際的項目中，我們可能需要處理錯誤、添加攔截器等操作，但以上代碼可以為我們提供一個簡明的指引，來啟動我們的axios之旅。