Vue.js是一個非常流行的JavaScript框架，用于構建用戶界面，它支持多種方式來發送HTTP請求，其中最常用的是axios。Axios是一個用于發送HTTP請求的Promise基礎JavaScript庫，它支持在瀏覽器和Node.js中發送異步請求。

Vue.js和axios結合使用可以讓我們更輕松地發送和處理HTTP請求并處理響應數據，它還提供了攔截器機制，可以在請求或響應被處理前進行攔截和處理。

// 添加請求攔截器
axios.interceptors.request.use(function (config) {
// 在發送請求之前做些什么
config.headers.Authorization = 'Bearer ' + sessionStorage.getItem('token');
return config;
}, function (error) {
// 對請求錯誤做些什么
return Promise.reject(error);
});
// 添加響應攔截器
axios.interceptors.response.use(function (response) {
// 對響應數據做點什么
if (response.data.code === 401) {
router.push('/login');
sessionStorage.removeItem('token');
}
return response;
}, function (error) {
// 對響應錯誤做點什么
return Promise.reject(error);
});

如上述代碼所示，我們可以為axios實例添加請求攔截器和響應攔截器。攔截器是一個方法，它接收兩個參數，一個是成功時的處理函數，另一個是失敗時的處理函數。對于請求攔截器，我們可以在發送請求前對請求進行一些通用的配置，或者在請求發生錯誤時進行一些通用的錯誤處理。對于響應攔截器，我們可以在收到響應后對響應進行一些通用的處理，比如對狀態碼進行判斷，如果是未授權錯誤代碼401，則可以跳轉到登錄頁面。同時，我們也可以在響應發生錯誤時進行一些通用的錯誤處理。

在Vue.js中使用axios的攔截器機制，可以讓我們更輕松地處理HTTP請求和響應，并對錯誤進行統一處理，這可以提高代碼的重用性和可維護性。