[小程序开发] 响应请求拦截器对token进行验证

### 微信小程序中实现请求拦截器和响应拦截器的方法 为了提升微信小程序中的 HTTP 请求管理效率并增强灵活性，可以通过自定义封装 `wx.request` 来创建请求拦截器和响应拦截器。这不仅有助于统一处理请求前后的逻辑，还能简化错误管理和状态码的集中处理。 #### 封装基础请求函数 首先构建一个基本的请求函数，此函数将作为所有外部调用的基础[^2]： ```javascript function request(options) { const { url, method = 'GET', data = {}, header = {} } = options; return new Promise((resolve, reject) => { wx.request({ url, method, data, header, success(res) { resolve(res); }, fail(error) { reject(error); } }); }); } ``` #### 添加请求拦截功能 接着，在实际发出请求之前加入预处理器，允许修改即将发送的数据或附加额外的信息到头部字段等操作。这里展示了一个简单的例子，其中包含了对每次请求自动添加 token 的机制[^4]： ```javascript let _request = function (options) { // 请求拦截器 let defaultHeader = {}; if (getToken()) { // 假设有一个获取token的方法 Object.assign(defaultHeader, {'Authorization': getToken()}); } options.header = {...defaultHeader, ...options.header}; console.log('Request Interceptor:', options); return request(options).then(response => response); }; ``` #### 构建响应拦截能力 对于接收到的服务端反馈，则可通过响应拦截器来进行初步解析或是异常捕获等工作。下面是一段用于验证服务器返回的状态码是否正常的代码片段[^5]： ```javascript _request = async function (options) { try { let response = await _request(options); // 响应拦截器 if (!response.statusCode || ![200].includes(response.statusCode)) { throw new Error(`Server responded with status code ${response.statusCode}`); } console.log('Response Interceptor:', response); return response.data; } catch (error) { console.error('Error occurred during the request:', error.message); throw error; } }; ``` 以上就是关于如何在微信小程序内建立请求与响应拦截器的具体实践方案。通过这种方式不仅可以更好地控制整个通信过程，同时也提高了代码可读性和维护性。