uni-app 封装请求

1、npm install uni-request --save

2、uniRequest.defaults.baseURL = '请求路径基地址'；

3、uniRequest.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';

4、

// 添加请求拦截器

uniRequest.interceptors.request.use(function(config) {

// 在发送请求之前做些什么

if (uni.getStorageSync('atoken')) {

config.headers['Authorization'] = uni.getStorageSync('atoken')

}

return config;

}, function(error) {

// 对请求错误做些什么

return Promise.reject(error);

});

5、

// 添加响应拦截器

uniRequest.interceptors.response.use(function(response) {

// 对响应数据做点什么

if (response.data.code === 200) {

} else if (response.data.code === 500) {

uni.showToast({

title: response.data.message,

duration: 2000,

icon:"none"

});

return;

} else if (response.data.code === 404) {

uni.showToast({

title: '参数检验失败',

duration: 2000,

icon:"none"

});

return;

} else if (response.data.code === 401) {

uni.showToast({

title: '暂未绑定手机号',

duration: 2000,

icon:"none"

});

return;

}

return response;

}, function(error) {

// 对响应错误做点什么

return Promise.reject(error);

});

请求的api

import uniRequest from 'uni-request';

//get请求

export function content(id, type) {

return uniRequest({

url: ' 接口 ' + id + '/' + type,

method: 'get'

})

}

//post 请求

export function getSettlementConfirmOrder(data) {

return uniRequest({

url: ' 接口 ',

method: 'post',

data: data

})

}

uni-app 封装请求相关推荐

uni app 调用网络打印机_uni-app封装一个request请求
在上一篇文章里面,写到使用uni.request请求的方法https://www.jianshu.com/p/bc62c9e1beed getList() { uni.request({url: &q ...
get request uni 参数_uni-app 环境配置，uni.request封装，接口配置，全局配置，接口调用的封装...
1.环境配置 (可参考uni-官网的环境配置) common文件夹下新建config.js let url_config = "" if(process.env.NODE_ENV ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
【uniapp】封装请求
目录第一种:不结合store 1.封装请求 2.创建文件存放我们的请求接口 3.全局导入 4.页面直接使用第一种:不结合store 1.封装请求 http/request.js // 全局请求封装 ...
微信小程序/uni-app 封装请求
utils>http>http.js文件一层封装请求 //post和get请求封装 const baseUrl = "XXXXXXXXX"; // 测试环境 cons ...
使用fetch封装请求_关于如何使用Fetch API执行HTTP请求的实用ES6指南
使用fetch封装请求 In this guide, I'll show you how to use the Fetch API (ES6+) to perform HTTP requests to ...
iOS开发-网络-合理封装请求接口
概述如今大多App都会与网络打交道,作为开发者,合理的对网络后台请求接口进行封装十分重要.本文要介绍的就是一种常见的采用回调函数(方法)的网络接口封装,也算的是一种构架吧. 这个构架主要的idea是 ...
uni.request POST 请求后台接收不到参数
uni.request POST 请求后台接收不到参数问题描述前端用 uni.reauest 发送 POST 请求,后台接收不到参数. 原因分析是因为 uni.request 对传入 data ...
Android逆向分析案例——某点评APP登陆请求数据解密
今天,七夕,单身23载的程序汪,默默地写着博客~ 上一次的逆向分析案例中讲了如何去分析某酒店的APP登陆请求,为了进一步学习如何逆向分析以及学习其他公司的网络传输加解密,本次案例将继续就登陆请求的数据 ...
app封装源码|app分发源码免签H5一键封装
什么是app封装? app封装旨在在触发某个事件时自动发送消息.这意味着,app封装可以通知作为app封装提供者的服务器或3rd方应用程序的事件,而不必这样做称为"轮询".轮询是一 ...

uni-app 封装请求

uni-app 封装请求相关推荐

最新文章

热门文章