问题描述

封装API请求的时候，uni.request时uni.showtoastw无效：

var promise = new Promise((resolve,reject) => {var postData = data;uni.request({url:commoneUrl + url,data:postData,method:"GET",dataType:'json',header:{'content-type': 'application/json','token':uni.getStorageSync('token')},success:function(res){uni.showToast({icon:'success',title:'请求成功'})resolve(res.data);},fail:function(e){reject('e');},});});return promise;
});

原因分析：

在request中的compelete回调中，uni.hideLoading默认自动几秒隐藏，导致了toast不显示

complete() {uni.hideLoading()
}

解决办法：使用组件库的Toast（我这里采用的是Uview）

1.首先需要在main,js中导出vue实例

2.在封装API请求的js文件中引入vue实例

import vue from '@/main.js'

3.通过判断请求的状态码，来使用组件库中的Toast来实现功能

解决uni.request时uni.showtoast无效问题相关推荐

uniapp H5页面使用uni.request时，出现跨域问题
概述 HBuilderX 2.5.1 uniapp中提供了uni.request进行向http请求数据(可以理解为ajax请求). uni.request 不支持 jsonp. 一种办法是:在uni- ...
uni.request请求响应拦截封装
新建request.js文件 uni.addInterceptor('request', {invoke(args) {//拦截前触发let baseUrl = "https://www.x ...
uni.request POST 请求后台接收不到参数
uni.request POST 请求后台接收不到参数问题描述前端用 uni.reauest 发送 POST 请求,后台接收不到参数. 原因分析是因为 uni.request 对传入 data ...
get request uni 参数_uni-app 环境配置，uni.request封装，接口配置，全局配置，接口调用的封装...
1.环境配置 (可参考uni-官网的环境配置) common文件夹下新建config.js let url_config = "" if(process.env.NODE_ENV ...
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// ...
uni.request的使用
uniapp中有很多原生的API,其中我们经常会用到的肯定有,uni.request. 那么问题来了,当我们第一次使用的时候,该怎么去用呢, 首先我们来看一看官方文档给出的示例 uni.request ...
解决 nginx 反向代理时 session 丢失无效的问题
解决 nginx 反向代理时 session 丢失无效的问题原文 blog.csdn.net/joyous/article/details/79966593 因为原始路径和代理路径发生了变化,导致 ...
textarea赋值时换行符无效的解决方法
textarea赋值时换行符无效的解决方法参考文章: (1)textarea赋值时换行符无效的解决方法 (2)https://www.cnblogs.com/liuzhibin/p/9345632. ...

解决uni.request时uni.showtoast无效问题

问题描述

原因分析：

解决办法：使用组件库的Toast（我这里采用的是Uview）

解决uni.request时uni.showtoast无效问题相关推荐

最新文章

热门文章