當我們開發 Vue 項目時，可能會遇到一些調試問題。在這種情況下，Fiddler 是一個非常好用的工具，它可以幫助我們很容易地調試 Vue 項目。那么接下來，我們將會介紹一下 Fiddler 的使用方法。

首先，我們需要使用 Fiddler 代理工具來捕獲請求。打開 Fiddler 工具后，我們需要找到“Rules”選項，然后在下拉菜單中，點擊“Performance”選項，勾選“Enable capturing”，使得 Fiddler 可以開始捕獲請求。在這個過程中，需要注意的是，Fiddler 只能捕獲在同一設備上運行的應用程序的請求。因此，如果我們運行 Vue 項目時，不是在同一設備上運行的話，那么 Fiddler 就無法捕獲請求了。

function getPostList() {
const url = 'http://localhost:3000/api/posts';
return axios.get(url)
.then(res =>{
console.log("postList", res.data);
})
.catch(err =>{
console.error(err);
});
}

接下來，我們需要對 Vue 項目進行一些配置。在我們的 Vue 項目下，找到 config/index.js 文件，將 dev 下的 proxyTable 設置為如下所示：

proxyTable: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
secure: false,
pathRewrite: {
'^/api': ''
}
}
}

這里的 `/api` 就是我們的請求路徑，在我們本地測試時的路徑就是 http://localhost:3000/api。這樣，當我們發送請求時，就會經過 Fiddler 所監聽的端口號 8888，同時也就可以捕獲到請求了。

最后，我們可以通過打開 Fiddler，再在瀏覽器中運行我們的 Vue 項目，然后就可以一邊調試，一邊查看請求了。在 Fiddler 中，我們可以看到捕獲的請求，進而分析問題所在。