3.4　封裝axios請求模塊

對用戶名和密碼的驗證規則檢驗完成之后，接下來調用登錄API獲取數據。為了增加代碼的可讀性和可維護性，比較規范的開發流程是在src目錄下新建API文件，后期所有的API均保存到api目錄。

在src目錄下新建utils文件夾，在utils文件夾中重新封裝axios。

為什么要重新封裝axios？

在發送請求的過程中，不管是請求還是響應，都需要做數據處理，例如，在請求的過程中需要添加token請求頭，在響應的過程中只解構有用的數據，所以規范的開發流程就是重新封裝axios，操作步驟如下。

（1）安裝axios，代碼如下。

npm install axios

（2）在utils目錄中新建request.js，封裝axios的代碼如下。

代碼解析：

通過baseURL屬性設置項目基準地址，通過timeout屬性設置請求超時時間，請求攔截器和響應攔截器必須return出去，否則程序會卡在攔截器中不能往下執行。

注意：

上述代碼只是定義了攔截器，還沒有做任何攔截處理。