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

唯爱编程

已于 2022-03-18 15:14:35 修改

阅读量1.6k

点赞数 3

文章标签： npm vue.js 前端 uni-app

于 2022-02-10 09:58:56 首次发布

本文链接：https://blog.csdn.net/weixin_56704277/article/details/122854632

版权

本文介绍了如何在uniapp项目中通过npm安装并配置@escook/request-miniprogram库，用于处理网络请求。首先，需要运行npminit-y命令下载npm包，然后在main.js文件中导入并配置请求根路径、请求前后的处理函数。详细步骤和官方文档链接见内容。

摘要由CSDN通过智能技术生成

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.aaa.com'

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

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

点赞支持下谢谢🙂