通過axios請求攔截器添加 token,保證擁有獲取數據的權限。
原因是,後臺那邊除開登錄的 api
,其它都需要進行授權
。
因此,我們可以利用 axios
中interceptors
屬性,其中有一個成員 request
,此時我們可以通過 use
函數爲請求攔截器掛載一個回調函數,只要向服務器端發送了一個 axios
請求,會優先調用 use
函數。
首先,在 main.js
添加如下代碼:
此時,打印 config
,查看結果如下,發現我們headers
字段並沒有一些授權字段。
此時,我們添加如下一行代碼,通過 token
來進行授權。
此時,在Network
就能查看到有一個 Authorization
字段了,但這裏是爲 null
,因爲我們進行的是登錄請求,在登錄期間,服務器是不會頒發令牌(token
)。如果登錄之後,調用其它 api
接口的話,就會頒發相應的token
令牌。