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) {
		// 	  // config.params = qs.stringify(config.params, { allowDots: true })
		//     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(qs.stringify(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)
	})
}