uniapp之requestminiprogram配置网络请求

uni-app开发小程序

1、 使用&＃64;escook/request-miniprogram配置网络请求

注&＃xff1a;因为小程序中无法使用axios&＃xff0c;而wx.request功能过于简单&＃xff0c;所以下载加强版网络请求包&＃xff0c;实现如下&＃xff1a;

​ 1.1 安装

npm init -y 在项目根目录初始化package.json文件npm i &＃64;escook/request-miniprogram -S 下载网络请求包


​ 1.2 打开main.js配置入口文件

//导入网络请求的包
import {$http
} from &＃39;&＃64;escook/request-miniprogram&＃39;
//从网络请求包中引入$http请求对象
uni.$http &＃61; $http//配置请求根路径
$http.baseUrl &＃61; &＃39;https://xxx.com&＃39;//请求拦截器
$http.beforeRequest &＃61; function(options) {uni.showLoading({title: &＃39;数据加载中...&＃39;})
}//响应拦截器
$http.afterRequest &＃61; function (){uni.hideLoading()
}
//封装弹框方法
uni.$showMsg &＃61; function (title&＃61;&＃39;数据请求失败&＃xff01;&＃39;,duration&＃61;1500){uni.showToast({title,duration,icon:&＃39;none&＃39;})
}

1.3 发起网络请求

async getNavList() {const { data: res } &＃61; await uni.$http.get(&＃39;/api&＃39;)if (res.meta.status !&＃61;&＃61; 200) return uni.$showMsg()this.navList &＃61; res.message
},


2、配置小程序分包

1.在项目根文件中&＃xff0c;创建一个subpkg文件来存放分包

2.在pages.json中&＃xff0c;page同级节点&＃xff0c;创建subPackages节点&＃xff08;选择新建页面&＃xff0c;输入文件夹的名称&＃xff0c;选择scss模板选择小程序的分包时在刚才创建的subpkg文件夹&＃xff0c;会把路径自动添加到分包路径中&＃xff09;

"subPackages":[{//root表示根文件"root":"subpkg",//分包路径"pages":[]}],