uni-halo/common/http/interceptors.js

/**
 *  功能：http拦截
 *  作者：小莫唐尼
 *  邮箱：studio@925i.cn
 *  时间：2022年07月21日 19:02:14
 *  版本：v0.1.0
 *  修改记录：
 *  修改内容：
 *  修改人员：
 *  修改时间：
 */
import {
	delCache,
	setCache
} from "@/utils/storage";
import {
	CommentWidgetCaptchaCookies
} from '@/common/constant/cookies.js'
import {
	extractCookieItem,
	getHeaderCaseInsensitive
} from '@/utils/cookies.js'

const getCategoryNameByUrl = (url) => {
	const reg = '(?<=/api/content/categories/).+(?=/posts)'
	return url.match(reg)[0] || '无分类名'
}

const showCategoryInputPasswordModal = (response, category) => {
	uni.showModal({
		title: `[ ${category} ] 分类已加密`, // TODO 这里应该获取分类的名字，可以在弹窗之前请求后台拿到所有分类根据分类code拿到名称，但是不会在这之前发送请求
		content: '',
		editable: true,
		placeholderText: '请输入分类密码后访问',
		confirmText: '验证密码',
		cancelText: '暂不访问',
		showCancel: true,
		cancelColor: '#999999',
		confirmColor: '#03a9f4',
		success: (res) => {
			if (res.confirm) {
				// TODO 这里如果没有输入密码点击确认应该阻止窗口关闭，但是没找到方法
				if (!res.content) {
					uni.showToast({
						title: '提示：请输入密码',
						icon: 'none',
						success: () => {
							setTimeout(() => {
								showCategoryInputPasswordModal(response, category);
							}, 800)
						}
					})
					return;
				}
				// 根据请求URL正则匹配分类code，然后把输入的密码根据分类code放入缓存，然后在category.getCategoryPostList中获取，解决多个分类加密输入密码后点错的问题
				// 目前存在一个问题，比如前两个都需要密码，如果先输入第二个的密码之后，重新进来默认打开第一个还会弹窗，所以想在弹窗标题上增加分类名字
				// 另外有以下两种方式科技解决
				// TODO 1.其实这里获取到密码之后可以直接发送一个请求追加上password参数，因为后台会缓存权限，后续不输入密码也可以访问,可惜不会
				// TODO 2.另外也可以拿到密码之后，直接选中该分类追加password参数，重新请求，可惜也不会
				setCache('APP_CATEGORY_PWD_' + category, res.content)
				uni.reLaunch({
					url: '/pages/tabbar/category/category'
				});
			} else if (res.cancel) {}
		},
	})
}

const saveCookies = (response) => {
	const cookies = getHeaderCaseInsensitive(response.header, 'set-cookie');

	// app/小程序将 cookies 存储起来
	// #ifdef MP-WEIXIN || APP-PLUS
	// 存储评论验证码cookies
	const MatchCommentApis = [
		'/apis/api.commentwidget.halo.run/v1alpha1/captcha/-/generate',
		'/apis/api.halo.run/v1alpha1/comments'
	]
	if (MatchCommentApis.includes(response.config.url)) {
		setCache(CommentWidgetCaptchaCookies, extractCookieItem(cookies, CommentWidgetCaptchaCookies))
	}
	// #endif
}

export const setInterceptors = (http) => {
	http.interceptors.request.use((config) => {
		console.log("config", config)

		// 可使用async await 做异步操作
		config.header = {
			...config.header
			// ... 可以直接加参数
		};
		if (config.custom.personalToken) {
			config.header['Authorization'] = `Bearer ${config.custom.personalToken}`
		}
		return config;
	}, (config) => {
		// 可使用async await 做异步操作
		return Promise.reject(config);
	});

	http.interceptors.response.use((response) => {
		/* 对响应成功做点什么 可使用async await 做异步操作*/
		//  if (response.data.code !== 200) { // 服务端返回的状态码不等于200，则reject()
		//    return Promise.reject(response) // return Promise.reject 可使promise状态进入catch
		// if (response.config.custom.verification) { // 演示自定义参数的作用
		//   return response.data
		// }

		saveCookies(response);

		if (response.statusCode == 200) {
			return response.data;
		} else {
			return Promise.reject(response);
		}
	}, (response) => {

		saveCookies(response);

		/*  对响应错误做点什么 （statusCode !== 200）*/
		if (!response.data) {
			return Promise.reject({
				status: 500,
				message: 'API接口服务异常！'
			})
		} else if (response.data.status == 401) {
			uni.$tm.toast(response.data.message);
			// 如果是请求分类之后报401说明密码错误，那么清除该密码，下次点击会报403弹窗再次输入密码
			if (response.config.url.indexOf('/api/content/categories') >= 0) {
				const category = getCategoryNameByUrl(response.config.url)
				delCache('APP_CATEGORY_PWD_' + category);
				uni.showToast({
					title: '提示：密码不正确',
					icon: 'none',
					success: () => {
						setTimeout(() => {
							showCategoryInputPasswordModal(response, category);
						}, 800)
					}
				})
			} else {
				// 其他情况维持原来的逻辑
				delCache('APP_ADMIN_LOGIN_TOKEN');
				uni.$eShowModal({
					title: '提示',
					content: '您未登录超管账号或登录已过期，是否重新登录？',
					showCancel: true,
					cancelText: '否',
					cancelColor: '#999999',
					confirmText: '是',
					confirmColor: '#03a9f4'
				}).then(res => {
					uni.navigateTo({
						url: '/pagesB/login/login'
					})
				}).catch(err => {
					uni.switchTab({
						url: '/pages/tabbar/about/about'
					})
				})
			}
			return Promise.reject(response.data);
		} else if (response.data.status == 403) {
			// 如果报403是请求分类文章接口（您没有该分类的访问权限）的话说明是私密分类，需要输入密码请求
			if (response.config.url.indexOf('/api/content/categories') >= 0) {
				const category = getCategoryNameByUrl(response.config.url);
				showCategoryInputPasswordModal(response, category);
			}
			return Promise.reject(response.data);
		} else {
			return Promise.reject(response.data);
		}

	});
};