前端學習(2708):重讀vue電商網站28之通過axios請求攔截器添加 token

 

通過axios請求攔截器添加 token,保證擁有獲取數據的權限。

原因是,後臺那邊除開登錄的 api,其它都需要進行授權

因此,我們可以利用 axios 中interceptors屬性,其中有一個成員 request,此時我們可以通過 use 函數爲請求攔截器掛載一個回調函數,只要向服務器端發送了一個 axios 請求,會優先調用 use 函數。

首先,在 main.js添加如下代碼:

此時,打印 config,查看結果如下,發現我們headers 字段並沒有一些授權字段。

此時,我們添加如下一行代碼,通過 token 來進行授權。

此時,在Network就能查看到有一個 Authorization 字段了,但這裏是爲 null,因爲我們進行的是登錄請求,在登錄期間,服務器是不會頒發令牌(token)。如果登錄之後,調用其它 api 接口的話,就會頒發相應的token令牌。





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章