uniapp封装网络请求_小程序入门(2)-简单网络框架封装

我们新建完项目后，比较棘手的问题：

• 对项目架构的认知
• JS，wxss ,wxml
• 网络请求
  今天主要讲一下 如何发起 HTTPS 网络请求 ，并做简单的封装。

详解

如何发起网络请求？？

官方文档已做了解释

示例代码：

官方文档中对参数，object.method ，object.dataType ，object.responseType，object.success 回调函数，都做了详细的说明。

简单封装

我们可以在项目外层新建一个utils文件并新建api.js类，去封装Request方法：

其中：

• params 就是传递过来的data与header参数，url指的是baseurl+接口拼接后的URL
• success中返回成功的回调要根据自己的公司规则走

然后再写一个方法去调用 wxRequest：

这里只是做个示例， 其中apiURL就是BaseUrl，它是在app.js中声明的

之后在api.js声明一个常量并指向apiURL

最后协商module.exports，暴露此方法：

封装后如何用？？？

在当前的你写的pages/.js文件中：

• 声明app.js对象，也就是指向文件路径：

• 根据自己公司接口文档，声明对象的参数，仿下面示例：

• 网络请求

也可以根据自己的需求，更改或者添加其他的wxRequest方法
希望对大家有所帮助！