封装请求
解决的问题
- 很多页面中请求的
url
前半部分都是一样的,重复书写导致页面代码冗余复杂同时逻辑容易不清晰,所以采用单独将请求封装成一个文件(模块)使得这些问题得到解决。
前期基础知识
- uni.request(wx.request)
- Promise
具体步骤
创建文件夹及文件
- 在根目录下创建一个文件夹,名为
utils
(可自行修改),在此文件夹下新建一个名为request.js
(可自行修改)的文件。
分析request
请求基本参数
-
url
:请求地址- 一般
url
都是有一个固定前缀(域名),只是后面不同。
https://xfxuezhang.cn:8080/village/v1/media/activity/newest https://xfxuezhang.cn:8080/village/v1/media/activity/detail https://xfxuezhang.cn:8080/village/v1/user/login ......
- 设置一个全局常量
baseUrl
用来存储前缀。
const baseUrl = "https://xfxuezhang.cn:8080/village/v1/";
- 一般
-
method
:请求方法const GET = 'GET'; const POST = 'POST'; const PUT = 'PUT'; const FORM = 'FORM'; const DELETE = 'DELETE';
-
header
:请求头部-
header
的话根据method
设置就行,默认如下。
let header = { 'content-type': 'application/json' };
-
-
data
:请求携带参数-
GET
请求直接传就可以。 -
POST
请求需要JSON.stringify(data)
-
文章来源地址https://www.toymoban.com/news/detail-506877.html
文章来源:https://www.toymoban.com/news/detail-506877.html
到了这里,关于微信小程序封装请求的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!