uniapp封装require

封装

const commonUrl = "https://www.xxxxxx/upload/"; //公共路径 // post请求封装
function postRequest(url, data) {var promise = new Promise((resolve, reject) => {var that = this;var postData = data;uni.request({url: commonUrl + url,data: postData,method: "POST",header: {"content-type": "application/x-www-form-urlencoded",token: uni.getStorageSync("token")},success: function(res) {//返回什么就相应的做调整if (res.statusCode == 200) {resolve(res.data);} else {// 请求服务器成功，但是由于服务器没有数据返回，此时无code。会导致这个空数据//接口后面的then执行// 不下去，导致报错，所以还是要resolve下，这样起码有个返回值，//不会被阻断在那里执行不下去！resolve(res.data.msg);}},error: function(e) {reject("网络出错");}});});return promise;
}// get请求封装
function getRequest(url, data) {var promise = new Promise((resolve, reject) => {var that = this;var postData = data;uni.request({url: commonUrl + url,data: postData,method: "GET",dataType: "json",header: {"content-type": "application/json"},success: function(res) {if (res.statusCode == 200) {resolve(res.data);} else {resolve(res.data);}},error: function(e) {reject("网络出错");}});});return promise;
}module.exports = {post: postRequest,get: getRequest
};

页面引用

import request from '../js/require.js'

使用方式

async onLoad() {let {data} = await request("api/user/login")console.log(data)},

uniapp封装require相关推荐

uni-app封装缓存过期方法
uni-app封装缓存过期方法缓存在我们的日常开发中还是非常常见的.同样的今天的话题是在uni-app框架中怎么封装一个缓存方法,为什么还要自己封装缓存方法?虽然说uni-app是用缓存的api接口 ...
uniapp 封装微信支付宝web端扫一扫
uniapp 封装微信支付宝与app端的扫一扫 const scan_btn = function(that) { // #ifdef H5let ua = window.navigat ...
uniapp封装方法
uniapp封装方法参考:https://www.cnblogs.com/gqx-html/p/10967570.html 根据报错和实际情况作了一些修改 1.环境配置 common文件夹下新建co ...
Android uni-app 封装原生插件
前言据广大用户的需求,需要把我们anyRTC的SDK,封装到uni-app来使用,并且实现音视频通话.这边文章图文讲解一下怎么封装原生插件,并且在下一章uni-app实现音视频通话. anyRTC开 ...
前端：uniapp封装组件用法笔记
大家在做前端项目开发的时候,经常会遇到公用的一些页面,比如搜索.列表.商品详情卡片.评论列表等.为了提高开发效率.使代码看起来更加简洁,这个时候封装相应的组件是最好的解决方案.今天小编给大家介绍一下如 ...
uniapp 封装网络请求
文章目录一.前端 1. 封装网络请求 2. 封装模块请求方法二.后端 2.1. 返回对象 2.2. 热搜接口三.微信模拟请求 3.1. Network 3.2. Console 一.前端 1. ...
vue3 + uni-app 封装音乐播放插件
1.初始化一个音乐实例 let AUDIO = '' export const initAudio = function (url) {AUDIO = uni.createInnerAudioCont ...
uniapp 封装storage缓存
缓存技术是我们日常开发中常常使用的技术,最近公司项目使用到uniapp,下面对其storage做了一个封装以及使用技巧. class cache {//存储在本地缓存指定的name中setCache( ...
uni-app封装自己常用的css样式-----自定义css的样式 (便于开发)-----原理简单
我们在开发uni-app的时候,有的时候我们的css代码是常常需要用到的,比如说,比如说居中的问题 .center {position: absolute;top: 50%;left: 50%;tra ...

uniapp封装require

uniapp封装require相关推荐

最新文章

热门文章