// 此vm参数为页面的实例,可以通过它引用vuex中的变量
module.exports = (vm) => {
	// 初始化请求配置
	uni.$u.http.setConfig((config) => {
		/* config 为默认全局配置*/
		config.baseURL = 'https://api.shop.eduwork.cn' /* 根域名 */
		// config.header = {
		// 	'Content-Type': 'application/x-www-form-urlencoded'
		// }
		config.timeout = 10000
		return config
	})

	// 请求拦截
	uni.$u.http.interceptors.request.use((config) => { // 可使用async await 做异步操作
		if (vm.$store.state.login.token_type && vm.$store.state.login.token)
			config.header['Authorization'] = vm.$store.state.login.token_type + vm.$store.state.login.token
		else {
			vm.$u.route({
				url: 'pages/login/login',
			})}
		return config
	}, config => { // 可使用async await 做异步操作
		return Promise.reject(config)
	})

	// 响应拦截
	uni.$u.http.interceptors.response.use((response) => {
		/* 对响应成功做点什么 可使用async await 做异步操作*/
		const {
			statusCode,
			data,
		} = response;
		if(response.data){
			if (200 <= statusCode < 300) return data
			else if (statusCode === 400) {
				vm.$u.toast(data.message)
				return false
			} else if (statusCode === 401) {
				vm.$u.toast('验证失败,请重新登录')
				setTimeout(() => {
					vm.$u.route('@/pages/login/login')
				}, 1000)
			} else if (statusCode === 400) {
				const {
					errors
				} = data
				vm.$u.toast(Object.values(errors)[0][0])
				return false
			} else return data.message
		}
		else{
			return response
		}

	}, (response) => {
		// 对响应错误做点什么 (statusCode !== 200)
		return Promise.reject(response)
	})

	//增加patch请求
	vm.$u.patch = (url, params = {}) => {
		// 模拟patch请求
		const _params = {
			...params,
			_method: 'PATCH'
		}
		console.log(uni.$u.http.post);
		return uni.$u.http.post(url, _params)
	}
}

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐