// 此vm参数为页面的实例,可以通过它引用vuex中的变量
module.exports = (vm) => {
	// 初始化请求配置
	uni.$u.http.setConfig((config) => {
		/* config 为默认全局配置*/
		config.baseURL = 'host'; /* 根域名 */
		return config
	})

	// 请求拦截
	uni.$u.http.interceptors.request.use((config) => { // 可使用async await 做异步操作
		config.header['Content-Type'] = config.header['Content-Type'] ? config.header['Content-Type'] :
			'application/json'
		config.data = config.data || {}
		// 根据custom参数中配置的是否需要token,添加对应的请求头
		if (config?.custom?.auth) {
			if (uni.getStorageSync('cookie')) {
				// 可以在此通过vm引用vuex中的变量,具体值在vm.$store.state中
				config.header.cookie = uni.getStorageSync('cookie')
			} else {
				uni.redirectTo({
					url: '/pages/login/login'
				})
			}
		}
		return config
	}, config => { // 可使用async await 做异步操作
		return Promise.reject(config)
	})

	// 响应拦截
	uni.$u.http.interceptors.response.use((response) => {
		/* 对响应成功做点什么 可使用async await 做异步操作*/
		const data = response.data
		if (response.cookies) {
			console.log(response.cookies)
			if (response.cookies.length != 0) {
				uni.setStorageSync('cookie', response.cookies[0]);
			}
		}
		// 自定义参数
		// const custom = response.config?.custom
		if (data.code != 0) {
			// 如果没有显式定义custom的toast参数为false的话,默认对报错进行toast弹出提示
			if (data.msg) {
				uni.$u.toast(data.msg)
			}

			if (data.code == 401) {
				uni.clearStorageSync()
				uni.$u.route('/pages/login/login')
			}
		}
		return data === undefined ? {} : data
	}, (response) => {
		// 对响应错误做点什么 (statusCode !== 200)
		if (response.statusCode == 401) {
			uni.$u.route('/pages/login/login')
		}
		return Promise.reject(response)
	})
}

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐