色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue resouse 攔截請求

呂致盈1年前8瀏覽0評論

Vue Resource 是一個 Vue.js 提供的 HTTP 客戶端插件,它提供了一系列的 API 來處理網絡請求。在 Vue.js 應用程序中,它被廣泛使用來獲取和發送數據。Vue Resource 還提供了一個攔截請求的機制,在允許請求被發送到服務器之前,可以對請求進行修改。

Vue Resource 提供了一個攔截器,在發送請求之前攔截請求。在發送請求之前,攔截器會處理請求的各個方面,比如請求的頭部信息、添加自定義參數、以及請求的 URL。可以使用 interceptors 屬性來使用攔截器,它提供了兩個方法:request 和 response。

Vue.http.interceptors.request.use((request) =>{
request.headers.set('Authorization', 'Bearer ' + localStorage.getItem('access_token'));
return request;
});

在上面的代碼中,我們使用 request 攔截器來給每個請求添加了一個 Authorization 頭部,其值為存儲在本地 storage 中的 access_token。當攔截器修改完請求之后,需要通過 return 語句將修改后的請求傳遞給下一個函數,否則會取消請求。

除了請求攔截器外,Vue Resource 還提供了一個響應攔截器。該攔截器在網絡請求返回后進行處理,以對響應進行修改。響應攔截器接受一個 response 參數,可以在該對象中查找和修改響應結果。最后,需要調用 return 語句以返回處理后的響應結果。

Vue.http.interceptors.response.use((response) =>{
if (response.status === 401) {
// Unauthorized Error, redirect to login page
router.push('/login');
}
return response;
});

在上面的代碼中,我們使用 response 攔截器來處理服務器返回的請求。如果響應的狀態為 401,表示未經授權,此時我們需要將用戶重定向到登錄頁面。在處理完響應之后,需要通過 return 語句傳遞處理后的響應結果。

除了使用攔截器來處理請求和響應外,Vue Resource 還提供了其他許多方便的工具,比如可以使用攔截器來添加請求的 URL 前綴、隔離請求、自定義錯誤消息、文件上傳、JSONP等。

總之,使用 Vue Resource 可以方便地處理網絡請求,并且提供了豐富的插件來處理請求和響應。通過使用攔截器,我們可以方便地攔截和修改請求和響應,從而使我們的程序更加方便和靈活。