天天看點

vue-elment ui 封裝接口,擷取背景資料

一、建立三個檔案放在項目檔案夾src下面的API檔案夾下:

分别是:apiList.js、index.js、request.js

vue-elment ui 封裝接口,擷取背景資料

 二、檔案内容作用:

(1)apiList.js

用于存放接口的位址資訊(如下所示:)

vue-elment ui 封裝接口,擷取背景資料

 (2)index.js

封裝接口,可全局使用this.$api('...'),後面舉例說明:

vue-elment ui 封裝接口,擷取背景資料

(3)request.js

vue-elment ui 封裝接口,擷取背景資料
vue-elment ui 封裝接口,擷取背景資料

 三、vue檔案下對應js寫法如下所示:

vue-elment ui 封裝接口,擷取背景資料

 沒有參數可以不填。

四、最後别忘了在main.js 檔案下加上:

vue-elment ui 封裝接口,擷取背景資料

從啥也不會開始吧