laboratory_maintenance_app/utils/request.js

import { Base64 } from '@/uni_modules/js_sdk/js-base64/base64.js';
import website from './website'

// 这里的vm，就是我们在vue文件里面的this，所以我们能在这里获取vuex的变量，比如存放在里面的token变量
const install = (Vue, vm) => {
	// 此为自定义配置参数，具体参数见上方说明
	Vue.prototype.$u.http.setConfig({
		baseUrl: website.baseUrl,
		/* 根域名 */
	});

	// 请求拦截，配置Token等参数
	Vue.prototype.$u.http.interceptor.request = (config) => {
		// 引用token
		// 方式一，存放在vuex的token，假设使用了uView封装的vuex方式
		// 见：https://uviewui.com/components/globalVariable.html
		// config.header.token = vm.token;

		// 方式二，如果没有使用uView封装的vuex方法，那么需要使用$store.state获取
		// config.header.token = vm.$store.state.token;

		// 方式三，如果token放在了globalData，通过getApp().globalData获取
		// config.header.token = getApp().globalData.username;

		// 方式四，如果token放在了Storage本地存储中，拦截是每次请求都执行的
		// 所以哪怕您重新登录修改了Storage，下一次的请求将会是最新值
		// const token = uni.getStorageSync('token');
		// config.header.token = token;
		config.header.Accept = `application/json, text/plain, */*`;
		const token = uni.getStorageSync("token")
		if (token && config.url != '/blade-auth/oauth/token') {
			// config.headers.BladeAuth = 'bearer ' + token
			config.header[website.tokenHeader] = 'bearer ' + token
		}
		const authorization = config.header.authorizations == false;
		if (!authorization) {
			config.header['Authorization'] = `Basic ${Base64.encode(`${website.clientId}:${website.clientSecret}`)}`;
		}
		// 
		config.header['Blade-Requested-With'] = 'BladeHttpRequest'
		if (config.header.isparams) {
			config.params = config.data
		}
		// 判断是否登录接口
		if (config.url.indexOf('/blade-auth/oauth/token') >= 0) {
			config.header['Tenant-Id'] = config.data.tenantId
			config.header['Dept-Id'] = ''
			config.header['Role-Id'] = ''
			config.header['Captcha-Key'] = ''
			config.header['Captcha-Code'] = ''
		}
		console.log('config', config)
		// 最后需要将config进行return
		return config;
		// 如果return一个false值，则会取消本次请求
		// if(config.url == '/user/rest') return false; // 取消某次请求
	}

	// 响应拦截，判断状态码是否通过
	Vue.prototype.$u.http.interceptor.response = (res) => {
		const data = res
		let status = res.code || res.status;
		const message = res.msg || res.error_description || '未知错误';

		if (!!res.error_code) {
			uni.showToast({
				title: res.error_description,
				icon: 'none'
			});
			return false
		}

		//如果是401则跳转到登录页面

		if (status == 401) {
			vm.$u.toast('请重新登录');
			// vm.$store.dispatch('FedLogOut').then(() => router.push({ path: '/login' }))
			return false;
		};
		// if (!!data.error_code) {
		// uni.showToast({
		// 	title: message,
		// 	icon: 'none'
		// });
		// 	return false;
		// }
		// // 如果请求为非200否者默认统一处理
		if (status && status !== 200) {
			uni.showToast({
				title: message,
				icon: 'none'
			});
			return false;
		}
		return res;
		// if(res.code == 200) {
		// 	// res为服务端返回值，可能有code，result等字段
		// 	// 这里对res.result进行返回，将会在this.$u.post(url).then(res => {})的then回调中的res的到
		// 	// 如果配置了originalData为true，请留意这里的返回值
		// 	return res.result;
		// } else if(res.code == 201) {
		// 	// 假设201为token失效，这里跳转登录
		// 	vm.$u.toast('验证失败，请重新登录');
		// 	setTimeout(() => {
		// 		// 此为uView的方法，详见路由相关文档
		// 		vm.$u.route('/pages/user/login')
		// 	}, 1500)
		// 	return false;
		// } else {
		// 	// 如果返回false，则会调用Promise的reject回调，
		// 	// 并将进入this.$u.post(url).then().catch(res=>{})的catch回调中，res为服务端的返回值
		// 	return false;
		// }
	}
}

export default {
	install
}