在使用Vue的開發中，我們常常需要通過向后臺發送請求獲取數據，這就需要使用到API接口。為了方便管理，我們可以通過Vue CLI來配置API接口。

首先，在項目的根目錄下創建一個api文件夾，并在其中新建一個index.js文件，用于編寫API接口的相關代碼。我們可以通過axios庫來發送請求，在index.js中引入axios庫：

import axios from 'axios'

接著，我們可以通過axios的create方法創建一個axios實例，以便后續使用。在index.js中編寫如下代碼：

const instance = axios.create({
baseURL: 'http://localhost:3000', // 設置基礎URL
headers: {
'Content-Type': 'application/json;charset=UTF-8', // 設置請求頭需要帶的數據類型
'token': localStorage.getItem('token') || '' // 設置請求頭需要帶的token
}
})

在上述代碼中，我們通過設置baseURL來指定所有請求的基礎URL，而headers則用于設置請求頭，其中token是我們在請求時攜帶的驗證信息，用于身份驗證。

接著，我們可以通過API接口發送請求，并在其中傳遞參數、請求頭等信息。例如，我們可以在index.js中編寫一個login方法，用于進行登錄：

export const login = params =>{
return instance.post('/login', params)
}

在上述代碼中，我們通過實例的post方法發送請求，向接口/login發送params參數。

最后，我們需要將API接口通過Vue CLI的配置注入到Vue實例中。我們可以在Vue的main.js文件中編寫如下代碼：

import { setApi } from './config/apiConfig'
import api from './api'
setApi(api) // 將API接口注入到Vue實例中

在上述代碼中，我們通過config/apiConfig.js文件中的setApi方法將API接口注入到Vue實例中，并將我們在api/index.js中編寫的API接口作為參數傳遞。

此時，我們就已經成功的將API接口與Vue項目進行了整合。在需要使用API接口的組件中，我們只需要通過this.$api即可輕松調用API接口。例如，在Vue組件中我們可以這樣使用：

methods: {
login () {
const params = {
username: 'admin',
password: '123456'
}
this.$api.login(params).then(res =>{
console.log(res)
})
}
}

在上述代碼中，我們通過this.$api.login方法來調用我們在api/index.js中編寫的login方法，并將params參數傳遞給它。在登錄成功后，我們通過then方法獲取接口返回的結果，并在控制臺輸出。

通過Vue CLI的配置，我們可以輕松的管理API接口，使我們的代碼更加規范、易于維護。同時，這也為我們的開發提供了更加靈活和高效的方式。