request.js 2.5 KB
// 此vm参数为页面的实例,可以通过它引用vuex中的变量
module.exports = (vm) => {
	// 初始化请求配置
	uni.$u.http.setConfig((config) => {
		/* config 为默认全局配置*/

		// 测试环境
		// config.baseUrl = "http://39.104.52.206:8000";
		// 预生产环境
		// config.baseUrl = "https://api-isxpre.workai.com.cn";
		// 线上环境
		config.baseUrl = "https://api-isx.workai.com.cn";

		config.OSSUrl = "https://oss.workai.com.cn";

		// 如果将此值设置为true,拦截回调中将会返回服务端返回的所有数据response,而不是response.data
		// 设置为true后,就需要在this.$u.http.interceptor.response进行多一次的判断,请打印查看具体值

		config.loadingText = '努力加载中~';
		config.loadingTime = 800;
		config.originalData = true;
		// 设置自定义头部content-type
		config.header = {
			// 'content-type': 'xxx'
			'Authorization': 'Basic d29ya2FpOjEyMzQ1Ng=='
		};

		return config;
	})

	// 请求拦截
	uni.$u.http.interceptors.request.use((config) => { // 可使用async await 做异步操作
		// 初始化请求拦截器时,会执行此方法,此时data为undefined,赋予默认{}
		config.data = config.data || {}
		// 根据custom参数中配置的是否需要token,添加对应的请求头
		if (!(config && config.custom && config.custom.auth === false)) {
			// 可以在此通过vm引用vuex中的变量,具体值在vm.$store.state中
			config.header.Authorization = vm.$store.state.vuex_token
		}
		return config
	}, config => { // 可使用async await 做异步操作
		return Promise.reject(config)
	})

	// 响应拦截
	uni.$u.http.interceptors.response.use((response) => {
		/* 对响应成功做点什么 可使用async await 做异步操作*/
		const data = response.data

		// 自定义参数
		const custom = response.config?.custom
		if (data.code !== 200) {
			// 如果没有显式定义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(() => {})
			}
		}
		return data.data === undefined ? {} : data.data
	}, (response) => {
		// 对响应错误做点什么 (statusCode !== 200)
		return Promise.reject(response)
	})
}