新建文件util文件夹和api.js文件

api.js

const BASE_URL = 'http://localhost:8080'
export const myRequest = (options) => {return new Promise((resolve,reject)=>{uni.request({url: BASE_URL+options.url,method: options.method ||'GET',data: options.data || {},success: (res)=>{if(res.data.status !== 200) {return uni.showToast({title: '获取数据失败'})}resolve(res)},fail: (err)=>{uni.showToast({title:'请求接口失败'})reject(err)}})})
}

在main.js 中导入

import {myRequest} from './util/api.js'Vue.prototype.$myRequest = myRequest ;

在具体页面中使用

async getData(){const res = await this.$myRequest({url:'/api/getData'})console.log(res);
}

对uni.request()二次封装，封装$myRequest方法并挂载到全局相关推荐

uni.request请求响应拦截封装
新建request.js文件 uni.addInterceptor('request', {invoke(args) {//拦截前触发let baseUrl = "https://www.x ...
JDK17-SpringBoot3.0 easyExcel导出封装公共导出方法
当前系统环境JDK17 SpringBoot3.0 一.引入依赖 <dependency><groupId>com.alibaba</groupId><art ...
uni.request接口封装；小程序uni-app接口封装
另一篇请求接口简单封装在api下的index.js 本片资源下载地址本片封装了post get put请求,重点在request.js文件 1.新增四个文件 2.根目录下的utils下的reques ...
uniapp网络请求封装；小程序请求接口封装；uni.request接口封装
另一篇全面封装文章资源文章下载地址 1.正常使用uni.request()发送请求(未封装) get() {uni.request({url: 'http://192.168.1.191/abc// ...
get request uni 参数_uni-app 环境配置，uni.request封装，接口配置，全局配置，接口调用的封装...
1.环境配置 (可参考uni-官网的环境配置) common文件夹下新建config.js let url_config = "" if(process.env.NODE_ENV ...
java二次封装_基于OKhttp+Rxjava2+Retrofit进行二次封装
概述基于Retrofit进行二次封装,优雅的初始化设置.基于Okhttp拦截器和基础缓存,封装了无网络和其他所有场景的缓存策略支持,以及频繁调用请求的丢弃策略. 特性 1.基于Retrofit的二次 ...
retrofit框架学习（二）----retrofit封装
retrofit 的封装前言上一篇文章的链接 http://blog.csdn.net/qq_26296197/article/details/78011188 1 上一篇文章讲到Retrofit ...
uniapp功能篇-1.二次封装luch-request(类似于axios)
每个项目的需求各有偏差,务必根据自己的项目调整相关配置 npm i luch-request -S Uniapp二次封装luch-request请求库 1.创建url.js 文件 2.创建 httpl ...
OkHttp框架从入门到放弃，解析图片使用Picasso裁剪，二次封装OkHttpUtils，Post提交表单数据...
OkHttp框架从入门到放弃,解析图片使用Picasso裁剪,二次封装OkHttpUtils,Post提交表单数据我们这片博文就来聊聊这个反响很不错的OkHttp了,标题是我恶搞的,本篇将着重详细的 ...
Android基于Glide的二次封装,借鉴Glide思想二次封装Fresco
最近封装了个 fresco 的组件库:dfresco,就顺便来讲讲. 背景 fresco 图片库很强大,我们项目中就是使用的 fresco,但有一点就是,不怎么好使用,略麻烦.不同项目中,多多少少都需 ...

对uni.request()二次封装，封装$myRequest方法并挂载到全局

新建文件util文件夹和api.js文件

api.js

在main.js 中导入

在具体页面中使用

对uni.request()二次封装，封装$myRequest方法并挂载到全局相关推荐

最新文章

热门文章