ToB企服应用市场:ToB评测及商务社交产业平台

标题: 【微信小程序】uni-app 配置网络哀求 [打印本页]

作者: 前进之路    时间: 2024-6-11 09:20
标题: 【微信小程序】uni-app 配置网络哀求
原因

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

1.在项目文件夹,打开终端,执行 npm init -y ,生成 package.json 文件
2.在项目文件夹中,执行 npm install @escook/request-miniprogram
3.在项目的main.js入口文件中,通过如下的方式举行配置:
参考官方文档:https://www.npmjs.com/package/@escook/request-miniprogram
  1. // 按需导入 $http 对象
  2. import { $http } from '@escook/request-miniprogram'
  3. // 将按需导入的 $http 挂载到 wx 顶级对象之上,方便全局调用
  4. wx.$http = $http
  5. // 在 uni-app 项目中,可以把 $http 挂载到 uni 顶级对象之上,方便全局调用
  6. uni.$http = $http
  7. //配置请求根路径
  8. $http.baseUrl='https://www.uinav.com'
  9. //请求开始之前做一些事情
  10. $http.beforeRequest = function (options) {
  11.   uni.showLoading({
  12.     title: '数据加载中...',
  13.   })
  14. }
  15. //请求完成之后做一些事情
  16. $http.afterRequest = function () {
  17.   uni.hideLoading()
  18. }
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。




欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4