wx.reqest 插件（请求拦截+响应拦截+ 无感刷新）

曹小瑜

已于 2023-10-18 08:37:47 修改

阅读量609

点赞数 1

文章标签：前端

于 2023-10-17 21:07:01 首次发布

本文链接：https://blog.youkuaiyun.com/2301_77783555/article/details/133894029

版权

文章介绍了如何使用第三方插件wx.https扩展wx.request功能，支持Promise和拦截器。重点讲述了在拦截器中实现无感刷新机制，当token失效时自动重定向获取新token并重新发起请求的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序APIwx.request不支持返回promise、拦截器功能，可以在npm官网中搜索wx.https,是wx.request的拓展，支持promise、拦截器

先引入第三方插件 wx.https，构建npm，在页面中引入写拦截器，在请求拦截中指定默认头的信息，登陆完成后给token添加字段返回options

拦截器可以根据返回的状态码进行操作，将其挂载在wx全局上

无感刷新

在请求拦截器上根据返回的状态码，如果为401说明token失效，然后重新调用refalsetoken接口获取新的token，重新储存新的token，然后获取原来接口的请求参数，重新添加字段authorization，重新发起请求

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

曹小瑜

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

从处理post请求，Reqest Method:OPTIONS错误见 javax.servlet.Filter

千山万水怎么能隔阻我对你的爱

03-26

594

写一个demo接口扔到服务器上，很巧合的遇到这个问题，在处理之后记录一下。原因：前端vue axios请求post接口时，用axios进行跨域请求时有时会遇到，这是因为CORS跨域分为简单跨域请求和复杂跨域请求；简单跨域不会发送options请求，复杂跨域会发送一个预检请求options。Content-Type并非application/x-www-form-urlencoded, multipart/form-data, 或text/plain，请求设置了自定义的header字段，在header中

浅谈python+requests实现接口自动化

weixin_54556126的博客

02-25

1014

前言今年2月调去支持项目接口测试，测试过程中使用过postman、jmeter工具，基本能满足使用，但是部分情况下使用较为麻烦。比如：部分字段存在唯一性校验或字段间有业务性校验，每次请求均需手工修改部分报文内容，使用工具难以满足实际使用。因此，萌生了使用python去实现接口自动化的想法。之前未接触过接口测试，但有一点编程基础，经过2个多月的磕磕碰碰，不断完善，经历2次重构之后，最后基本达成了目标。技术栈 python语言 requests库 unittest单元测试框架 HTMLTe..

参与评论您还未登录，请先登录后发表或查看评论

如何实现小程序的request封装及拦截？

最新发布

qq_45730134的博客

02-19

484

在小程序开发中，封装和拦截请求可以让你更方便地管理网络请求、处理公共逻辑（如添加认证信息）、统一错误处理以及实现请求/响应的拦截。以下是如何实现这一目标的基本步骤：首先，我们可以创建一个通用的请求方法来封装，以便在整个应用中复用。实现请求拦截器 请求拦截器可以在请求发送前对请求进行预处理，例如添加token等认证信息。实现响应拦截器 响应拦截器允许你在接收到服务器响应后进行统一处理，例如判断登录状态、统一错误处理等。使用示例现在，你可以在你的小程序页面或组件中使用这个经过封装

微信小程序wx.request拦截器使用详解

10-16

主要介绍了微信小程序wx.request拦截器详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

[小程序开发] 请求/响应拦截器

Hang_Q的博客

04-01

1699

小程序开发请求/响应拦截器

基于 wx.request 封装类似axios的拦截器

Afreshmemory的博客

02-22

808

基于 wx.request 封装类似axios的拦截器

小程序封装网络请求和拦截器_小程序请求拦截器(1)

2401_84187563的博客

04-12

571

封装一个request函数，用于发送请求。该函数接受一个参数options，用于配置请求。我们可以在该函数中使用小程序提供的wx.request接口发送请求，并在请求完成后返回一个Promise对象，以便于我们进行后续的操作。

小程序基于wx.request做二次请求封装，主要是起到请求拦截作用

Hgh_1997的博客

08-27

816

第一步建一个封装wx.request的文件 const devUrl = "https://xxxxxx"; // 基准路径 /** * * @param {路径} url * @param {请求方式} method * @param {数据} data * @param {请求头} header */ function request(url, method = 'G...

js-request:无需 jQuery 即可发出 ajax 请求的自定义实现

05-31

有了这个插件，你可以使用ES6 承诺以一种简单的方式从 javascript 执行 ajax 请求......我相信你需要这个Polyfill来运行它这是正在开发中，因为我在我的项目中使用它，如果有人想做出改变，我会很高兴...... =） ...

Golang 发送http请求时设置header的实现

09-17

此函数接收三个参数：请求方法（如"GET"）、目标URL和请求体（此处为`nil`表示无请求体）。 - **设置请求头**：使用`reqest.Header.Add()`方法可以在请求头中添加自定义键值对。这里的`Add`方法允许多次调用以添加...

详解golang开发中http请求redirect的问题

12-16

这两天在开发项目的时候遇到了一个问题，请求了一个URL，它会302到另一个地址，本意上只是想检查这个URL是否会做3XX的redirect跳转，结果每次reqeust都会返回最后一跳的结果。后来就看了下源码，了解下请求跳转的...

微信小程序请求拦截器 ，响应拦截器

02-27

微信小程序请求拦截器 ，响应拦截器，结合微信小程序二次封装request 一起使用

手写简易版axios拦截器，实现微信小程序wx.request的封装与拦截

qq_39851888的博客

08-15

2039

axios是一个功能强大的网络请求库，其中拦截器又是axios的精髓。在小程序的开发或者需要手动实现ajax的时候，没有实现对请求的拦截，开发的时候非常不方便，因此手写一个简易版的axios拦截器。

后台response向小程序返回参数_手写简易版axios拦截器，实现微信小程序wx.request的封装与拦截...

weixin_39767386的博客

12-08

740

前言： axios是一个功能强大的网络请求库，其中拦截器又是axios的精髓。在小程序的开发或者需要手动实现ajax的时候，没有实现对请求的拦截，开发的时候非常不方便，因此手写一个简易版的axios拦截器。拦截器的实现1、实现思路1、实现一个通用的请求request函数，所有请求都调用这个函数去进行网络请求2、请求调用request函数3、在正式发送请求前，执行请求前beforeRequ...

微信小程序 --- wx.request网络请求封装

热门推荐

每天都要努力学习哦~~

02-22

1万+

为了方便统一处理请求参数以及服务器响应结果，为WxRequest添加拦截器功能，拦截器包括请求拦截器和响应拦截器请求拦截器本质上是在请求之前调用的函数，用来对请求参数进行新增和修改响应拦截器本质上是在响应之后调用的函数，用来对响应数据做点什么注意：不管成功响应还是失败响应，都会执行响应拦截器// 请求拦截器// 在发送请求之前做些什么// 响应拦截器// 对响应数据做点什么通过使用方式，我们可以得出结论：可以在WxRequest类内部定义实例属性，属性中需要包含request以及。

拦截器集中处理小程序request请求

wittdong的博客

03-08

8864

在小程序请求后台后，我们往往需要给小程序等客户端一友好的提示，可以通过拦截器来集中处理一下。 1.首先写一个拦截器 ai.invoke()执行目标方法，如果目标方法抛出异常，就会执行拦截器的catch。然后就可以集中处理wx.request请求的异常返回啦。 2. action方法抛出异常 throw e;action中抛出异常，拦截器拦截到就会集中处

wx小程序用promise 封装wx.request() 可以内增拦截器

fly_xinxin的博客

07-23

5358

个人习惯将接口独立出来一个JS文件，这个文件配置接口主域名测试域名等接口连接参数例如： var url = 'https://www.****.com/****/' var v1 = 'v1' var api:{ $api: { get(url, params) { return this.apiTem(url, params, "GET") ...

最简单且强大的微信小程序全局请求、响应、异常拦截实现

q145p152的博客

11-19

2893

因为我们是往一个函数注入静态属性，对象调用链会直接寻找最后一个属性baseURL，js默认你已经创建好了Request.defaults对象，实际压根没有，defaults都没有，那baseURL肯定也没有，所以直接报错baseURL未定义，注册拦截器也必须老老实实的层层结构写，这也是我们代码中用那么多try的原因，如果不用try去兜一下代码，就将变成你必须注册拦截器和baseURL，不注册就报错，try了之后你可以随心所欲，想拦截全局异常就拦截异常。复制粘贴就能用，小白也能懂，当然我也是小白。

multipart reqest

09-06

multipart request是一种HTTP请求格式，它允许在一个单一的请求中发送多个不同类型的数据。通常情况下，一个HTTP请求只能携带一种类型的数据，但有些场景下需要同时发送多种类型的数据，比如上传文件时需要携带文件数据和其他表单数据。 multipart request通过将不同类型的数据分割成多个部分来实现。每个部分都有自己的头部和主体，头部包含了该部分的相关信息，比如内容类型和内容长度，主体则是具体的数据。这些部分之间使用一定的分隔符进行分隔。在HTTP请求中，常见的multipart request格式为multipart/form-data，它通常用于文件上传场景。通过multipart/form-data格式，可以将文件数据和其他表单数据一起发送到服务器。表单数据的部分使用键值对的形式表示，而文件数据的部分则以二进制形式表示。在实际使用中，可以通过使用编程语言提供的相关库或框架来构建multipart request。对于服务器端，需要解析multipart request来获取不同类型的数据。而对于客户端，可以使用文件上传组件或API来发送multipart request。总而言之，multipart request允许在一个HTTP请求中发送多个不同类型的数据，为一些特殊场景提供了便利。