之前在接触uniapp做小程序项目时候,因为不太熟悉,遇到了不少尴尬的时刻,请求方法的封装算是灵魂啊有木有,今天看到有人问题,就把我自己写的发出来让大家参考一下吧。

请求方法的封装我一般用的是promise+axios,因为uniapp有自己规定的请求方式,只好结合着来了。话不多说,直奔主题。

  1. export const baseUrl = '您的域名'

  2. function getHeaders () {
  3. let token = getToken()
  4. let header = {
  5. "token":token,// 'X-Requested-With': 'XMLHttpRequest',
  6. 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
  7. }return header
  8. }
  9.  
  10. export default{
  11. get(url,param){
  12. return new Promise((resolve,reject) =>{
  13. uni.request({
  14. method:'GET',
  15. url: baseUrl+url,
  16. data: param,
  17. header:getHeaders()
  18. }).then(res=>{
  19. switch (res[1].data.code) {
  20. case 200:
  21. resolve(res[1])
  22. break
  23. case 400:
  24. resolve(res[1])
  25. break
  26. case 401:
  27. resolve(res[1])
  28. break
  29. default:
  30. reject(res)
  31. }
  32. }).catch(
  33. (response) => {
  34. reject(response)
  35. }
  36. )
  37. })
  38. },
  39.  
  40. post(url,param){
  41. return new Promise((resolve,reject) =>{
  42. uni.request({
  43. method:'POST',
  44. url: baseUrl+url,
  45. data: param,
  46. header:getHeaders()
  47. }).then(res=>{
  48. switch (res[1].data.code) {
  49. case 200:
  50. resolve(res[1])
  51. break
  52. case 400:
  53. resolve(res[1])
  54. break
  55. case 401:
  56. resolve(res[1])
  57. break
  58. default:
  59. reject(res)
  60. }
  61. }).catch(
  62. (response) => {
  63. reject(response)
  64. }
  65. )
  66. })
  67. },
  68. }

补一个getToken(手动无奈:))

  1. export function getToken () {
  2. try {
  3. const token = uni.getStorageSync('Token');
  4. if (token) {
  5. return token
  6. }else{
  7. return ''
  8. }
  9. } catch (e) {
  10. console.log(e)
  11. }
  12. }

方法定义好了,下面是实战引入了,

  1. import request from '../../units/request.js' 在你需要的页面引入

  1. request.post("/example/list", {
  2. currPage:this.page,
  3. pageSize:this.limit,
  4. })
  5. .then(response => {
  6.  
  7. }
  8. })
  9. .catch(ex => {
  10.  
  11. });
  1.  
  1. 大概就是这样,内容有删减,目的是让大家看着干练,如有疑惑评论就好

uniapp请求方法的封装的更多相关文章

  1. uni-app请求uni.request封装使用

    对uni.request的一些共同参数进行简单的封装,减少重复性数据请求代码.方便全局调用. 先在目录下创建 utils 和 common 这2个文件夹 utils 是存放工具类的,common 用来 ...

  2. 绕过cookies进行登录并封装请求方法

    之前写了一篇使用session跨请求保持会话的帖子,这次在它的基础上对请求方法简单封装一下,可以达到复用的效果 1.先定义登录方法 在登录方法中利用session跨请求保持会话,并返回session, ...

  3. 使用getParameterMap()方法实现对请求参数的封装的工具类

    我们知道,HttpServletRequest这个类的getParameter(name),getParameterValues(name)可以分别实现对页面传来的单个参数和对多个同名参数的接受.特别 ...

  4. 基于promise对小程序http请求方法封装

    原因是我不想每次请求都复制粘贴那么长的请求地址,所以我把前边那一坨请求地址作为基础地址,只传后台给的路由就ok,而且,并不是每次请求都要显示正在加载,这对小程序体验很差,所以,我加了个形参,用来判断是 ...

  5. axios浏览器异步请求方法封装 XMLHttpRequest

    axios学习笔记defaults(浏览器端异步请求处理方式) 浏览器异步请求方法封装,主要使用XMLHttpRequest lib/adapters/xhr.js //入口 var utils = ...

  6. PHP——封装Curl请求方法支持POST | DELETE | GET | PUT 等

    前言 Curl:  https://www.php.net/manual/en/book.curl.php curl_setopt: https://www.php.net/manual/en/fun ...

  7. axios请求方法封装.

    axios的使用上一般封装好对应的方法,ES6导出,直接调用,消息通知使用了ElementUI的Message组件. 这是一个封装了axios的Rest风格的工具类,包扩常用的POST,GET,PUT ...

  8. Vue之优化封装请求方法

    Vue之优化封装请求方法 对于代码中的请求操作 1.接口请求可能需要重用 2.实际工作中,接口非常容易变动, 改起来很麻烦! 我们建议的做法是把所有的请求都封装成函数然后统一的>###组织到模块 ...

  9. iOS开发 GET、POST请求方法(NSURLSession篇)

    NSURLConnection,在iOS9被宣布弃用,本文不使用NSURLConnection进行网络编程,有兴趣的童鞋可以参考: [iOS开发 GET.POST请求方法(NSURLConnectio ...

随机推荐

  1. Git-使用Rebase合并分支

    commit 合并 在开发过程中,可能会出现多个 commit 所涉及的逻辑都是同一个功能模块,此时,会导致 log tree 非常的混乱,不美观,因此,我们可以将多个 commit 进行合并,变成一 ...

  2. NMAP类型题目 (escapeshellarg,escapeshellcmd使用不当)

    [BUUCTF 2018]Online Tool 给出了源码 审计 <?php if (isset($_SERVER['HTTP_X_FORWARDED_FOR'])) { $_SERVER[' ...

  3. Centos-yum软件包安装-yum

    yum 自动安装相关软件依赖,可以同时配置多个yum源,初始启动yum时候首先会缓存资源包到 /var/cache/yum目录下 yum确认 -y yum安装和卸载 install 安装,自动安装软件 ...

  4. Centos-bzip2压缩文件-bzip2 bunzip2

    bzip2 buzip2 对文件进行压缩与解压缩,类似 gzip gunzip命令,只能压缩文件,对目录则压缩目录下文件,生成以 .bz2为扩展名的文件 相关选项 -d 解压 -v 压缩或解压显示详细 ...

  5. 正睿十一A班模拟赛day1

    估分:25+0+60=85 实际:25+0+60=85 T1: 就只会25的暴力 分治,到一个区间[l,r],cnt[i]表示i这个颜色在区间内的出现次数,从两头同时扫描,扫描到第一个cnt[i]小于 ...

  6. 070 01 Android 零基础入门 01 Java基础语法 09 综合案例-数组移位 02 综合案例-数组移位-从键盘接收数据

    070 01 Android 零基础入门 01 Java基础语法 09 综合案例-数组移位 02 综合案例-数组移位-从键盘接收数据 本文知识点:综合案例-数组移位-从键盘接收数据 说明:因为时间紧张 ...

  7. Springboot集成JUnit5优雅进行单元测试

    为什么使用JUnit5 JUnit4被广泛使用,但是许多场景下使用起来语法较为繁琐,JUnit5中支持lambda表达式,语法简单且代码不冗余. JUnit5易扩展,包容性强,可以接入其他的测试引擎. ...

  8. 多测师讲解selenium_alert弹框定位_高级讲师肖sir

    from selenium import webdriverfrom time import sleepdrvier=webdriver.Chrome()url=r'F:\dcs\DCS课程安排\se ...

  9. 多测师讲解自动化selenium___定位元素002___高级讲师肖sir

    高级自动化测试python+selenium教程手册 --高级讲师肖sir(Harm) 第 2 章8种定位方法 总结: selenium 的 webdriver 提供了八种基本的元素定位方法,前面六种 ...

  10. jmeter_04_常用取样器

    目录 常用取样器详解 http取样器 1.1 基本配置 1.2 高级配置 jdbc取样器 2.1 JDBC Connection Configuration 2.1.1 **Variable Name ...