123

common/http.api.js

@@ -0,0 +1,23 @@
+0 // 如果没有通过拦截器配置域名的话，可以在这里写上完整的URL(加上域名部分)
+let LoginUrl = 'app-api/auth/checkerLogin';
+
+
+// 此处第二个参数vm，就是我们在页面使用的this，你可以通过vm获取vuex等操作，更多内容详见uView对拦截器的介绍部分：
+// https://uviewui.com/js/http.html#%E4%BD%95%E8%B0%93%E8%AF%B7%E6%B1%82%E6%8B%A6%E6%88%AA%EF%BC%9F
+const install = (Vue, vm) => {
+	// 此处没有使用传入的params参数
+	let checkerLogin = (params = {}) => vm.$u.post(LoginUrl, params);
+
+		
+	// 此处使用了传入的params参数，一切自定义即可
+
+	// 将各个定义的接口名称，统一放进对象挂载到vm.$u.api(因为vm就是this，也即this.$u.api)下
+	vm.$u.api = {
+		checkerLogin,
+		
+	};
+}
+
+export default {
+	install
+}

common/http.interceptor.js

@@ -0,0 +1,62 @@
+// 这里的vm，就是我们在vue文件里面的this，所以我们能在这里获取vuex的变量，比如存放在里面的token
+// 同时，我们也可以在此使用getApp().globalData，如果你把token放在getApp().globalData的话，也是可以使用的
+const install = (Vue, vm) => {
+	Vue.prototype.$u.http.setConfig({
+		baseUrl: 'https://dscp-uat.hn12301.net',
+		// loadingText: '努力加载中~',
+		// loadingTime: 18800,
+		// 如果将此值设置为true，拦截回调中将会返回服务端返回的所有数据response，而不是response.data
+		// 设置为true后，就需要在this.$u.http.interceptor.response进行多一次的判断，请打印查看具体值
+		// originalData: true, 
+		// 设置自定义头部content-type
+		header: {
+			'Content-Type': 'application/json'
+		}
+	});
+	// 请求拦截，配置Token等参数
+	Vue.prototype.$u.http.interceptor.request = (config) => {
+		// config.header.Token = 'xxxxxx';
+		
+		// 方式一，存放在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.Authorization = 'Bearer '+token;
+		
+		return config; 
+	}
+	// 响应拦截，判断状态码是否通过
+	Vue.prototype.$u.http.interceptor.response = (res) => {
+		// 如果把originalData设置为了true，这里得到将会是服务器返回的所有的原始数据
+		// 判断可能变成了res.statueCode，或者res.data.code之类的，请打印查看结果
+		console.log(res);
+		if(res.errcode == 0) {
+			
+			// 如果把originalData设置为了true，这里return回什么，this.$u.post的then回调中就会得到什么
+			return res;  
+		}else if(res.errcode==-99){
+			uni.navigateTo({
+				url:'/pages/index/login'
+			})
+		}else {
+			
+			// uni.showToast({
+			// 	icon:'none',
+			// 	title:res.errmsg,
+			// 	duration:5000
+			// })
+			return res
+		};
+	}
+}
+
+export default {
+	install
+}