uni-app创建home分支和配置网络请求

一、创建home分支

运行如下命令,基于master分支在本地创建home子分子,用于开发和home相关的功能:

git checkou -b home

二、配置网络请求

由于平台的限制,小程序项目中不支持axios,而且原生的wx.request()API功能较为简单,不支持拦截器等全局定制的功能。因此,建议在uni-app项目中使用@escook/request-miniprogram等第三方包发起网络数据请求。

请参考@escook/request-miniprogram的官方文档进行安装、配置、使用

官方文档:https://www.npmjs.com/package/@escook/request-miniprogram

1、首先在安装之前先初始化一个npm的package.json包,安装命令:npm init y

2、安装:npm install  @escook/request-miniprogram

最终,在项目的main.js入口文件中,通过如下的方式进行配置:

源码如下:

//导入网络请求的包
import { $http } from '@escook/request-miniprogram'
uni.$http = $http

//请求的根路径
$http.baseUrl = 'https://api-hmugo-web.itheima.net'

// 请求拦截器
$http.beforeRequest = function (options) {
    uni.showLoading({
      title: '数据加载中...',
    })
}
// 相应拦截器
$http.afterRequest = function () {
  uni.hideLoading()
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值