一、为什么要封装js请求

简单点，防止消息的堆积，如果我们一个方法使用一次请求发送，需要写大量的重复代码，并且还都是同步的。

 
当我们parms接收传递来的url等参数 成功调用resolve失败调用reject

export const requestutil=(params)=>{
return new Promise((resolve,reject)=>{wx.request({
---params,
v
suEcess: (result)=>{resolve(result)}，
fail:(err)=>{reject(err)}
})});

 这里我们调用 requestUtil方法 接收参数是将方法和url进行一个分化。

传递不同的url可以访问不同的接口，这点相比都知道，这里不过多赘述

二、页面使用request方法访问接口

import requestUtil from '../../utils/requestutil.js ';

.then是请求成功后的回调

requestUtil({url: ‘http://localhost:8080/product/findSwiper',method:"GET.thenKresult=>{
this.setData({
swiperList:result.data.message})

基于当前封装request.js还可以进行更简单的封装 我们可以将根路径进行封装等需要的时候再去调用即可。

1 /定义请求根路径baseUrl2
const baseUrl="http://localhost:8080";
4[*水
*返回请求根路径baseUrl/
7  export const getBaseUr1=(=>{8
return baseUrl;

将固定的url封装成固定的变量
 使用 index.js中使用固定的根路径拼接url对后端进行访问

<navigator>
<image mode="widthFix" src="baseUrl+
/image/ swiper/ "+swiper. swiperPici}
"></image>
</navigator>