123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- // 这里的vm,就是我们在vue文件里面的this,所以我们能在这里获取vuex的变量,比如存放在里面的token
- // 同时,我们也可以在此使用getApp().globalData,如果你把token放在getApp().globalData的话,也是可以使用的
- import {
- getToken,
- getEnToken,
- getLocation
- } from "@/access/common.js"
- import webUrl from '@/config.js'
- const install = (Vue, vm) => {
- // uni.showNavigationBarLoading()
- Vue.prototype.$u.http.setConfig({
- // #ifdef H5
- baseUrl: webUrl.QN_URL+'/api',
- // #endif
- // #ifndef H5
- baseUrl: webUrl.QN_URL,
- // #endif
- loadingTime: 1000, // 在此时间内,请求还没回来的话,就显示加载中动画,单位ms
- // 如果将此值设置为true,拦截回调中将会返回服务端返回的所有数据response,而不是response.data
- // 设置为true后,就需要在this.$u.http.interceptor.response进行多一次的判断,请打印查看具体值
- // originalData: true,
- // 设置自定义头部content-type
- // header: {
- // 'content-type': 'xxx'
- // }
- });
- // 请求拦截,配置Token等参数
- Vue.prototype.$u.http.interceptor.request = (config) => {
- config.header.Authorization = getToken();
- config.header.Token = getEnToken();
- config.header.Location = getLocation();
- console.log('接口token:',getEnToken())
- // 方式一,存放在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;
- return config;
- }
- // 响应拦截,判断状态码是否通过
- Vue.prototype.$u.http.interceptor.response = (res) => {
- console.log(res,'fanhui');
- uni.hideNavigationBarLoading();
- // 如果把originalData设置为了true,这里得到将会是服务器返回的所有的原始数据
- // 判断可能变成了res.statueCode,或者res.data.code之类的,请打印查看结果
- if (res.state || res.data.errorCode === 9999) {
- // 如果把originalData设置为了true,这里return回什么,this.$u.post的then回调中就会得到什么
- return res;
- } else {
- // if (res.data.errorCode === 9999) {
- // return false
- // }
- uni.showToast({
- title: res.data,
- icon: 'none'
- })
- if (res.data === '要查询的客户不存在') {
- setTimeout(() => {
- uni.hideLoading()
- uni.removeStorageSync('token');
- uni.removeStorageSync('userStatus');
- uni.removeStorageSync('cartPrice');
- uni.removeStorageSync('cartNum');
- uni.removeStorageSync('loginCode');
- uni.removeTabBarBadge({
- index: 2
- });
- vm.$store.commit('commit_hasLogin', false);
- uni.reLaunch({
- url: '/pagesT/public/wxLogin'
- })
- }, 3000)
- return
- }
- setTimeout(() => {
- uni.hideLoading()
- }, 3000)
- return false
- };
- }
- }
- export default {
- install
- }
|