uni-app项目的http配置

最新推荐文章于 2024-05-30 21:45:00 发布

励志成为前端大佬

最新推荐文章于 2024-05-30 21:45:00 发布

阅读量798

点赞数

分类专栏：小程序 http javascript 文章标签：前端 javascript npm

本文链接：https://blog.csdn.net/lizhichengwei/article/details/129034855

版权

javascript 同时被 3 个专栏收录

10 篇文章 0 订阅

订阅专栏

http

5 篇文章 0 订阅

订阅专栏

小程序

4 篇文章 0 订阅

订阅专栏

参考官网@escook/request-miniprogram - npm

1. 先下包

npm i @escook/request-miniprogram

2.在main.js中去导入（可以自己去封装http.js再去导入到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()
}

上面的代码类似于vue中的前置路由守卫以及后置路由守卫，在发送请求前，和在请求之后后做的一些事情