在前端開發中，跨域是經常會遇到的問題。而axios是一款常用的前端HTTP庫，在發送請求時，也需要考慮跨域問題。本文將介紹如何使用axios發送跨域請求，并提交JSON數據。

首先，需要在后端允許前端跨域請求。可以在后端的API接口處加上以下代碼：

// 允許所有跨域請求
Header set Access-Control-Allow-Origin "*"
// 允許跨域請求的方法
Header set Access-Control-Allow-Methods "GET,POST,DELETE,PUT,OPTIONS"
// 允許跨域請求的header
Header set Access-Control-Allow-Headers "Content-Type,X-Requested-With,Authorization"

接著，前端使用axios發送跨域請求。在發送請求時，需要設置請求頭：

axios({
method: 'post',
url: 'http://example.com/api',
data: {
id: '123',
name: 'John'
},
headers: {
'Content-Type': 'application/json',
'Access-Control-Allow-Origin': '*'
}
}).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});

在data中傳遞的數據會自動轉換成JSON格式，而設置了Content-Type為application/json的請求頭，也會告訴服務器需要解析JSON數據。

最后，需要注意的是，在使用axios發送跨域請求時，可能會遇到一些坑，例如請求會被瀏覽器選項卡攔截、請求會被CSP（安全策略）攔截等。需要在開發中仔細測試，才能確保代碼的可靠性。