其他分享
首页 > 其他分享> > uniapp使用请求拦截器和响应拦截器

uniapp使用请求拦截器和响应拦截器

作者:互联网

1.通过npm包下载

注:uniapp下载npm包时(需要先运行npm init -y命令)

npm install @escook/request-miniprogram

2.使用详情

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

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

import { $http } from '@escook/request-miniprogram'

uni.$http = $http
// 配置请求根路径
$http.baseUrl = 'https://www.uinav.com'

// 请求开始之前做一些事情
$http.beforeRequest = function (options) {
  uni.showLoading({
    title: '数据加载中...',
  })
}

// 请求完成之后做一些事情
$http.afterRequest = function () {
  uni.hideLoading()
}

标签:npm,uniapp,拦截器,http,request,miniprogram,响应,uni,escook
来源: https://blog.csdn.net/weixin_56704277/article/details/122854632