Vue CLI 是 Vue.js 開發(fā)環(huán)境的標(biāo)準(zhǔn)工具。它為使用 Vue.js 快速創(chuàng)建一個工程提供了提供了一個標(biāo)準(zhǔn)化的結(jié)構(gòu)，包括基礎(chǔ)的項目文件結(jié)構(gòu)、webpack 配置、生產(chǎn)和開發(fā)環(huán)境配置等等。而 Axios 是一個基于 Promise 的 HTTP 庫，用于瀏覽器和 Node.js 環(huán)境中更好地封裝和處理 HTTP 請求。下面我們來探討一下在使用 Vue CLI 時如何使用 Axios。

要使用 Axios，首先需要安裝它。可以使用 npm 安裝，命令如下：

npm install axios --save

安裝完成后，在需要使用 Axios 的組件中引入它：

import axios from 'axios'

接下來，在組件中可以使用 Axios 發(fā)送請求了。Axios 提供了 GET、POST、PUT、DELETE 等請求方式，這里以 GET 請求為例：

axios.get('https://jsonplaceholder.typicode.com/posts')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});

當(dāng)然，我們也可以使用 async/await 來發(fā)送請求：

async getData() {
try {
let response = await axios.get('https://jsonplaceholder.typicode.com/posts');
console.log(response.data);
} catch (error) {
console.log(error);
}
}

以上就是使用 Vue CLI 和 Axios 進(jìn)行 HTTP 請求的基礎(chǔ)方法。需要注意的是，Axios 也支持自定義配置，比如設(shè)置請求頭、響應(yīng)超時時間等等。更多使用方法可以參考 Axios 的官方文檔。