huazhiyu/common/http.interceptor.js

import {
    $apiLinks
} from '@/common/config.js'
import {removeAll} from '@/common/auth.js'
module.exports = (vm) => {
    // 初始化请求配置
    uni.$u.http.setConfig((config) => {
        /* config 为默认全局配置*/
        config.baseURL = $apiLinks; /* 根域名 */
		config.timeout = 60000;
		// method: 'POST',
		// // 设置为json，返回后会对数据进行一次JSON.parse()
		// config.dataType: 'json',
		// showLoading: false; // 是否显示请求中的loading
		// loadingText: '请求中...', // 请求loading中的文字提示
		// loadingTime: 800, // 在此时间内，请求还没回来的话，就显示加载中动画，单位ms
		// originalData: false, // 是否在拦截器中返回服务端的原始数据
		// loadingMask: true, // 展示loading的时候，是否给一个透明的蒙层，防止触摸穿透
		// // 配置请求头信息
		// config.header={
		//     'Content-Type':'application/json;charset=UTF-8'
		// }
        return config
    })
	
	// 请求拦截
	uni.$u.http.interceptors.request.use((config) => { // 可使用async await 做异步操作
	    // 初始化请求拦截器时，会执行此方法，此时data为undefined，赋予默认{}
		
		if(config.method=="POST"){
			if(config.custom&&config.custom.auth||config.data?.custom?.auth){
				config.header.token = uni.getStorageSync('USER_TOKEN')
			}
		}else{
			config.params = config.params || {}
			
			// 根据custom参数中配置的是否需要token，添加对应的请求头config.data?.custom?.auth
			
			if(config.params?.custom?.auth) {
				// 可以在此通过vm引用vuex中的变量，具体值在vm.$store.state中
				// config.header.token = vm.$store.state.userInfo.token
				config.header.token = uni.getStorageSync('USER_TOKEN')
				
			}else{
				// if(config.custom.auth){
				// 	config.header.token = uni.getStorageSync('USER_TOKEN').token
				// }
			}
		}
	   
	    return config 
	}, config => { // 可使用async await 做异步操作
	    return Promise.reject(config)
	})
	
	// 响应拦截
	uni.$u.http.interceptors.response.use((response) => { /* 对响应成功做点什么 可使用async await 做异步操作*/
		const data = response.data
		// console.log(data)
		// 自定义参数
		const custom = response.config?.custom
		if (data.code !== 1) {
			// 如果没有显式定义custom的toast参数为false的话，默认对报错进行toast弹出提示
			// if (custom.toast !== false) {
			// 	uni.$u.toast(data.message)
			// }

			// // 如果需要catch返回，则进行reject
			// if (custom?.catch) {
			// 	return Promise.reject(data)
			// } else {
			// 	// 否则返回一个pending中的promise，请求不会进入catch中
			// 	return new Promise(() => { })
			// }
			uni.showToast({
				title:response.data.msg,
				icon:'none'
			});
			if(data.code==401){
				removeAll()
				uni.reLaunch({
					url:'/pages/login/login'
				})
			}
			return Promise.reject(data)
		}
		return data === undefined ? {} : data
		
	}, (response) => {
		console.log(response)
		uni.showToast({
			title:response.data.msg,
			icon:'none'
		});
		if(response.data.code==401){
			removeAll()
			uni.navigateTo({
				url:'/pages/login/login'
			})
		}
		
		// 对响应错误做点什么 （statusCode !== 200）
		return Promise.reject(response)
	})
}