在現代Web開發中，由于瀏覽器的跨域限制，我們經常需要使用AJAX來進行跨域請求。其中，axios是一個非常流行的AJAX請求庫，具有使用簡單、代碼清晰等優點。本文將介紹如何使用axios發送跨域請求獲取JSON數據。

首先，我們需要在前端代碼中引入axios庫。可以通過下面的CDN鏈接獲取axios，并在HTML中引入：

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

接下來，我們需要在axios請求中添加跨域請求的頭部信息。這可以通過設置axios的配置來完成。下面是一個示例代碼：

axios.get('http://example.com/data.json', {
headers: {
'Access-Control-Allow-Origin': '*',
'Content-Type': 'application/json'
}
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});

在上面的代碼中，我們指定了被請求的JSON數據文件的URL地址，以及跨域請求的頭部信息。具體來說，我們以'*'的形式允許來自任意來源的跨域請求，并指定請求的內容類型為JSON格式。

最后，我們將獲取到的JSON數據打印到控制臺中，或者顯示在頁面上。以上代碼中的 .then() 和 .catch() 分別處理請求成功和請求失敗的情況。如果請求成功，我們就可以通過 response.data 來獲取數據。

總之，使用axios發送跨域請求獲取JSON數據是非常簡單的。只需要在請求中添加對應的頭部信息即可。如果您正在進行Web開發，不妨試著使用axios來完成跨域請求，提高您的開發效率。