在前端開發中，我們經常會涉及到Ajax請求，而在進行Ajax請求時，跨域訪問是一個常見的問題。Vue框架提供了一種工具——Vue CLI來快速搭建項目，解決跨域問題也是其中之一。本文將介紹如何在Vue CLI中進行跨域post請求。

在Vue CLI中，可以使用axios來進行網絡請求，axios是基于Promise封裝的HTTP客戶端，可以用在瀏覽器和node.js中。要開始創建跨域請求，需要在項目中安裝axios，可以使用npm命令進行安裝：

npm install axios --save

安裝完畢后，可以通過import來引入axios：

import axios from 'axios';

接著，通過定義一個請求方法來調用axios實現跨域post請求。定義一個請求方法包含請求地址、請求參數、請求方式等內容，可以將方法封裝在Vue的methods中，然后在需要的地方調用。下面是一個跨域post請求示例：

methods: {
sendPostRequest () {
axios({
url: 'http://localhost:8000/post',
method: 'post',
headers: {
'Content-Type': 'application/json'
},
data: {
name: 'Vue',
age: 3
}
}).then((response) =>{
console.log(response.data);
}).catch((error) =>{
console.log(error);
});
}
}

在上述代碼中，定義了一個sendPostRequest方法，其中使用axios發送了一次POST請求，請求地址是http://localhost:8000/post，請求方式為post，請求參數為{'name': 'Vue', 'age': 3}，Content-Type為application/json。在請求發送成功后，會在控制臺輸出請求返回的數據，如果請求失敗則會輸出錯誤信息。

此外，還可以通過設置axios的全局默認值來實現對所有axios請求的統一管理。下面是一些常用配置的示例：

axios.defaults.baseURL = 'http://localhost:8000/';
axios.defaults.timeout = 5000;
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

在上述代碼中，baseURL表示axios請求的基礎URL，timeout表示請求超時時間，AUTH_TOKEN為請求頭的Authorization字段，Content-Type表示請求頭的Content-Type字段。這些默認值可以在整個項目中進行全局設置，避免每次發送請求都要重復設置。

總之，在Vue CLI項目中實現跨域post請求非常簡單。通過安裝axios并調用其API來實現發送請求，在需要的地方定義封裝好的請求方法即可。相比于手動封裝XMLHttpRequest等對象，使用axios可以大大提高開發效率，并且具有更好的可維護性。