Vue 是目前最受歡迎的前端框架之一，它的特點是輕量、易用和靈活性高，可以幫助我們快速構建現代化的 Web 應用程序。其中最常用的插件之一就是 Axios，它無疑是現代 Web 開發中最流行的 HTTP 客戶端，因為它可以在瀏覽器和 Node.js 環境中使用。但是在使用 Axios 時，有時會遇到需要取消請求的情況，這時我們需要使用拋出異常的方法來取消 Axios 請求。

那么，如何使用 Axios 的 AbortController Api 拋出異常來取消請求呢？這里我們先來看一個簡單的例子：

axios.post('https://example.com/api', {name: 'xxx'})
.then((res) =>{
console.log(res.data);
})
.catch((err) =>{
console.log(err);
});

當我們需要取消這個請求時，我們可以使用 AbortController 來拋出一個異常：

const controller = new AbortController();
const { signal } = controller;
axios.post('https://example.com/api', {name: 'xxx'}, { signal })
.then((res) =>{
console.log(res.data);
})
.catch((err) =>{
if (err.name === 'AbortError') {
console.log('請求被取消了');
} else {
console.log(err);
}
});
// 取消請求
controller.abort();

以上代碼定義了一個 AbortController，將 signal 對象傳遞給 Axios 的 options 中。當我們需要取消請求時，調用 controller.abort() 即可，此時會觸發一個 AbortError 異常。

總結一下，Axios 的 AbortController Api 可以幫助我們取消異步請求，當我們需要取消請求時，拋出一個 AbortError 異常即可。通過以上的例子，我們可以清楚地看到 AbortController 的使用方法，相信這對我們掌握 Axios 更加高效地使用會有很大的幫助。