最近使用了uniapp開發了幾個項目，參考了網上的一些案例根據自己的項目需求對網絡請求做了封裝，順便記下方便以后使用。

首先新建一個utils文件夾，用于放置請求文件，在文件夾中新建兩個文件http.js、api.js，http.js用于封裝請求和攔截，api.js用于封裝具體的接口。

忽略另外兩個文件

接下來就是http.js里對請求的封裝：

具體的狀態碼根據后端返回的進行修改

這是基本的接口請求，后面還有上傳圖片uploadFile的接口請求封裝。另外這里的baseUrl = '/api'是h5因為需要跨域做了反向代理，app和小程序只需要將‘/api’替換為請求接口的域名。h5需要在配置文件manifest.js進行配置，點擊源碼試圖在h5可進行配置，配置如下devServer：

target就是后端給的接口域名

下面是上傳圖片的接口請求：

上傳圖片的接口是根據uploadFile接口做的封裝，file就是圖片文件，data是同圖片帶過去的參數

最后記得將他們export出去：

接下來就是api.js封裝接口了：

首先要把http.js文件接過來然后使用它里面的請求，request就是http.js文件，命名可以自己命名；getCode是具體的接口，也是自由命名；params就是參數了

最后就是使用方法了：這種方法可以在頁面需要請求時引入，但是這樣太煩了尤其是請求很多的時候，所以我將api.js全局掛載到main.js

由于api.js里面有很多個接口，這種引入的方法相當于引入了api列表

使用就很簡單了：

在頁面直接調用this.$api就可以了