uni-app开发小程序请求拦截器的封装

第一步：在项目根目录新建utils文件夹，然后添加request.js文件

第二步：复制一下代码到request.js文件 ,只需要修改请求后端地址即可

const baseUrl = 'http://www.weather.com.cn'; //请求后端地址

//封装 Promise组件
export function request(options) {
	return new Promise((resolve, reject) => {
		uni.request({
			url: baseUrl + options.url,
			method: options.method || 'GET',
			header: {
				'token': '', //后端返回的数据
				'X-Requested-With': 'XMLHttpRequest',
				"Accept": "application/json",
				'Content-Type': 'application/json; charset=UTF-8'
			},
			data: options.data || {},
			success(res) {
				const data = res.data
				if (data.code === '401') { //401表示无权限
					uni.navigateTo({
						url: '/pages/login/login' //登录页
					})
					return
				} else if (data.code !== '200') {
					uni.showToast({
						icon: 'error',
						title: '操作错误'
					})
				}
				resolve(data)
			},
			fail(error) {
				// 失败处理
				uni.showToast({
					icon: 'error',
					title: '系统错误'
				})
				reject(error);
			}
		});
	});
}

第三步：封装一个统一的Api  注意：import 导入的 request 需要加花括号 

import{ request }from '/utils/request.js'

//查询接口
export const getIndexInfo = (data) => {
	return request({
		method: 'GET',
		url: '/data/sk/101010100.html',
	}, data)
}

测试结果