在vue開發中，會涉及到很多介面的處理，當專案足夠大時，就需要定義規範統一的介面，如何定義呢？
方法可能不只一種，本文使用axios+async/await進行介面的統一管理。
本文使用vue-cli生成的專案舉例。
舉例拿segmentfault的官網簡單舉個例子，先看一下官網：
問答模組
專欄模組
講堂模組
圈子模組
發現模組
個人資訊模組
使用者登入註冊模組
...還有其他很多
那麼如何做呢？
動手首先，在src目錄下新建乙個資料夾，我這裡叫apis，後台提供的所有介面都在這裡定義：
cd src #切換到src目錄mkdir apis #新建apis檔案cd apis #切換到apis目錄touch info.js member.js user_info.js #新建js檔案src apis info.js member.js user_info.js main.jstouch http.js //新建http.js檔案配置簡要說明一下：
第四步，在apis下面的js檔案中引入 http.js匯出的函式，拿其中乙個檔案 member.js說明：
第五步，在元件中使用介面。
登陸元件 login.js使用登入介面：
這樣定義介面雖然看起來麻煩點，但有以下幾個好處：
例如首頁使用了很多api：
使用者介面也會用到使用者資訊api：
dtree 後台管理例子 產品的後台設計整理與總結
做b端產品有三年吧，最近閒來無事，對於產品的後台設計進行了整理與總結。產品後台就是是對前端資訊頁面的對映，也就是說，前端有什麼展示，我後端就顯示什麼。產品後端是適用於產品的前端，主要的作用就是對前端的資訊管理。產品後台大致上分為兩類 產品後台管理系統和商業系統 bi 產品後台管理系統主要分為四類 1...
Vue後台許可權管理
許可權是對特定資源的訪問許可，所謂許可權控制，也就是確保使用者只能訪問被分配的資源 而前端許可權總的來說是請求許可權 請求的發起可能有下面兩種形式觸發 總的來說 所有的請求發起都觸發自前端路由或試圖 所以我們可以從這兩個方面入手 對觸發許可權的源頭進行控制 最終要實現目標是 前端許可權控制可以分為 ...
vue 後台系統許可權管理
最近在做乙個後台管理系統，一般的後台系統都有許可權管理這塊，下面我就分享下我實現許可權管理這塊的思路。首先說下這個系統前端用到的技術棧，vue全家桶,element ui,axios。首先，使用者的許可權是通過前端來進行配置的，那麼就需要乙個頁面去進行使用者的許可權配置。在使用者登入之後，通過請求後...