在使用Vue的過程中，經常需要向服務器請求JSON數據，使用axios可以輕松實現此功能。Axios是一個基于Promise的HTTP庫，可以在瀏覽器和Node.js中發送HTTP請求。

首先，需要在Vue項目中安裝axios。可以通過命令行執行以下命令來安裝axios:

npm install axios --save

安裝完成后，在Vue組件中引入axios:

import axios from 'axios'

現在可以向服務器發送HTTP請求，獲取JSON數據。可以在Vue組件的method中編寫axios請求，如下所示：

methods: {
getData () {
axios.get('http://localhost:8080/data.json')
.then(response =>{
this.data = response.data
})
.catch(error =>{
console.log(error)
})
}
}

代碼中，使用axios的get方法獲取服務器返回的JSON數據，并存儲到Vue組件的data中。如果請求失敗，將在控制臺中打印錯誤信息。

在上述代碼中，將請求的URL寫死在了代碼中。在實際項目中，請求的URL可能會根據用戶的操作動態生成，可以使用ES6的字符串模板來解決這個問題，代碼如下：

methods: {
getData (id) {
axios.get(`http://localhost:8080/data/${id}.json`)
.then(response =>{
this.data = response.data
})
.catch(error =>{
console.log(error)
})
}
}

可以看到，使用字符串模板，可以將請求URL中的變量動態填充。

如果需要在請求中發送數據，可以使用axios的post方法，代碼如下：

methods: {
postData () {
axios.post('http://localhost:8080/postData', {
name: 'John',
age: 30
})
.then(response =>{
console.log(response)
})
.catch(error =>{
console.log(error)
})
}
}

使用axios的post方法，將數據放入請求體中發送給服務器。

如果需要在每個請求中添加請求頭，可以設置axios的defaults頭部，代碼如下：

axios.defaults.headers.common['Authorization'] = 'Bearer ' + token

上述代碼中，添加了一個Authorization頭部，用于驗證用戶登錄狀態。

總之，使用axios可以方便地請求JSON數據，包括GET請求、動態URL、POST請求、請求頭添加等功能。使得前端工程師更加輕松地與后端工程師協作實現功能。