jiangximiniprogramSchool/config/request.js

import { H5_API, WX_API,httpPrefix  } from './site.config.js'

import { checkToken } from './utils'

const ContentType = ['application/json;charset=utf-8', 'application/x-www-form-urlencoded','multipart/form-data', 'application/x-www-form-urlencoded; charset=UTF-8'];



// 此vm参数为页面的实例，可以通过它引用vuex中的变量
module.exports = (vm) => {
    // 初始化请求配置
    uni.$u.http.setConfig((config) => {
		let prefix = config.custom.prefix?config.custom.prefix: httpPrefix
        /* config 为默认全局配置*/
        config.baseURL = H5_API+ WX_API + prefix; /* 根域名 */
		// console.log(config)
		config.header['tenant-id'] = vm.$store.state.user.vuex_TenantId
		// config.dataType= 'xml'
        return config
    })
	
	// 请求拦截
	uni.$u.http.interceptors.request.use((config) => { // 可使用async await 做异步操作
	console.log(config)
		let contentTypeIndex = config.header.contentType
		if(contentTypeIndex) {
			// alert(contentTypeIndex)
			config.header['content-type'] = ContentType[contentTypeIndex]
		}
		config.header['content-type'] = 'application/json;charset=utf-8'
	    // 初始化请求拦截器时，会执行此方法，此时data为undefined，赋予默认{}
	    config.data = config.data || {}
		// 根据custom参数中配置的是否需要token，添加对应的请求头
		let token = vm.$store.state.user.vuex_loginInfo.accessToken
		if(token) {
			config.header.Authorization = 'Bearer ' + token
		}
		let noToken = config.custom?.noToken
		if(noToken&&config.header.Authorization) {
			delete config.header.Authorization
		}
		
		// get请求映射params参数
		console.log(config.method)
		 //  if (config.method === 'GET' && config.params) {
		 //    let url = config.url + '?';
		 //    for (const propName of Object.keys(config.params)) {
		 //      const value = config.params[propName];
		 //      const part = encodeURIComponent(propName) + '='
		 //      if (value !== null && typeof(value) !== "undefined") {
				  
		 //        if (typeof value === 'object') {
		 //          for (const key of Object.keys(value)) {
		 //            let params = propName + '[' + key + ']';
		 //            const subPart = params + '='
			// 		// console.log(subPart + (value[key]) + '&')
		 //            url += subPart + decodeURIComponent(value[key]) + "&";
					
		 //          }
				 
		 //        } else {
		 //          url += part + encodeURI(value) + "&";
		 //        }
		 //      }
		 //    }
		 //    url = url.slice(0, -1);
			// console.log(url)
		 //    config.params = {};
		 //    config.url = url;
			// }
	    return config 
	}, config => { // 可使用async await 做异步操作
	    return Promise.reject(config)
	})
	
	// 响应拦截
	uni.$u.http.interceptors.response.use((response) => { /* 对响应成功做点什么 可使用async await 做异步操作*/
		const data = response.data
		// console.log('请求结果')
		// console.log(data)
		if(data.code==406) {
			// vm.$store.dispatch('refreshToken')
			uni.$u.toast('登录过期，请重新登录')
			setTimeout(()=>{
				vm.$store.commit('goLogin')
			},1500)
			return false
		}
		if(data.code==401) {
			vm.$store.commit('goLogin')
		}
		
		// 自定义参数
		const custom = response.config?.custom
		if (data.code !== 0) { 
			// 如果没有显式定义custom的toast参数为false的话，默认对报错进行toast弹出提示
			if (custom.toast !== false) {
				uni.$u.toast(data.msg)
			}

			// 如果需要catch返回，则进行reject
			if (custom?.catch) {
				return Promise.reject(data)
			} else {
				// 否则返回一个pending中的promise，请求不会进入catch中
				return new Promise(() => { })
			}
		}
		// 如果不需要token就把header里的token删除,并且不需要去刷新token
		let noToken = response.config.custom?.noToken
		if(!noToken) {
			checkToken(vm)
		}
		return data === undefined ? {} : data
	}, (response) => { 
		// 对响应错误做点什么 （statusCode !== 200）
		return Promise.reject(response)
	})
}