開發(fā)場景
在平時的開發(fā)過程中,我們可能會將api放到不同的文件中骑疆。例如用戶管理相關(guān)的接口放置在一個文件中蘸际,權(quán)限管理放置在一個文件中等等峦椰,每一個模塊相關(guān)的接口都會單獨的放置在一個文件中,這個時候壁拉,當我們引用接口是谬俄,就會從不同的文件中進行引用,如下圖:
image.png
這個時候弃理,我們會發(fā)現(xiàn)溃论,接口的定義與界面的引用實際上是有些混亂的,而且這里有可能同一個接口在多個文件中被定義痘昌,其實也是非必要的钥勋。
改進方案
那么,如何將這種混亂的狀態(tài)理清楚呢辆苔?那就是將多文件的接口聚合算灸,如下圖:
image.png
這樣子是不是就清楚得多了?
具體實現(xiàn)(vue3)
這里就直接拷貝代碼截圖了
將多個文件進行聚合
image.png