第五天：uni-app 封装请求拦截、响应拦截

Huang-ioi

已于 2023-02-20 15:19:24 修改

阅读量1.2w

点赞数 3

分类专栏： uni-app 文章标签：前端

于 2020-04-21 10:08:28 首次发布

本文链接：https://blog.csdn.net/weixin_42406046/article/details/105651767

版权

本文介绍如何在uni-app中进行请求和响应的拦截封装，详细讲解了安装uni-request库，以及在main.js中引用并实现拦截器的方法，提供了一套完整的使用示例。

摘要由CSDN通过智能技术生成

Uni-app

20200421 uni-app 封装请求拦截、响应拦截

安装

npm install uni-request --save

封装方法

import uniRequest from '../uni-request/index.js';
import config from '../config/index.js' // 全局域名配置

/**
 * 提供的方法有
 * uniRequest.request(config)
 * uniRequest.get(url[, config])
 * uniRequest.delete(url[, config])
 * uniRequest.head(url[, config])
 * uniRequest.options(url[, config])
 * uniRequest.post(url[, data[, config]])
 * uniRequest.put(url[, data[, config]])
 * uniRequest.patch(url[, data[, config]])
 * 
 */

// 全局配置
uniRequest.defaults.baseURL = config.baseUrl;

// 请求拦截
uniRequest.interceptors.request.use(
	request => {
   
		//配置基本信息	
		return request;
	},
	err => {
   
		console.log('请求失败');
		return Promise.reject(err);
	});

// 响应拦截
uniRequest.interceptors.response.use(function(response) {
   
	console.log('返回进