Intercepter vue是Vue.js提供的一個攔截器。該攔截器可以在HTTP請求發(fā)送和響應到達時，對請求和響應進行攔截和處理。

我們可以使用Intercepter vue輕松地添加、編輯或刪除請求和響應攔截器。在Vue.js開發(fā)中，攔截器模式無疑為我們提供了多種通過HTTP通信進行數據交換的方法。接下來，我們來看一下如何使用Intercepter vue。

// 創(chuàng)建一個實例
import axios from 'axios';
const instance = axios.create({
baseURL: 'http://localhost:8080',
timeout: 5000
});
// 添加請求攔截器
instance.interceptors.request.use(config =>{
// 在發(fā)送請求之前做些什么
return config;
}, error =>{
// 對請求錯誤做些什么
return Promise.reject(error);
});
// 添加響應攔截器
instance.interceptors.response.use(response =>{
// 對響應數據做點什么
return response.data;
}, error =>{
// 對響應錯誤做點什么
return Promise.reject(error);
});
// 發(fā)送請求
instance.get('/api/getData').then(res =>{
console.log(res);
}).catch(err =>{
console.log(err);
});

可以看到，我們使用axios.create方法創(chuàng)建了一個Axios實例，并為其設置了基礎URL和超時時間。然后，我們使用instance.interceptors.request.use方法添加了一個請求攔截器，在發(fā)送請求之前做了一些操作。同樣地，我們也使用instance.interceptors.response.use方法添加了一個響應攔截器，在收到響應之后做了一些操作。

最后，我們使用instance.get方法發(fā)送了一個GET請求并打印了響應結果。如果請求或響應出現(xiàn)錯誤，我們可以使用.catch方法來捕獲并處理錯誤。