http.interceptor.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. // 这里的vm,就是我们在vue文件里面的this,所以我们能在这里获取vuex的变量,比如存放在里面的token
  2. // 同时,我们也可以在此使用getApp().globalData,如果你把token放在getApp().globalData的话,也是可以使用的
  3. import {
  4. getToken,
  5. getEnToken,
  6. getLocation
  7. } from "@/access/common.js"
  8. import webUrl from '@/config.js'
  9. const install = (Vue, vm) => {
  10. // uni.showNavigationBarLoading()
  11. Vue.prototype.$u.http.setConfig({
  12. // #ifdef H5
  13. baseUrl: webUrl.QN_URL+'/api',
  14. // #endif
  15. // #ifndef H5
  16. baseUrl: webUrl.QN_URL,
  17. // #endif
  18. loadingTime: 1000, // 在此时间内,请求还没回来的话,就显示加载中动画,单位ms
  19. // 如果将此值设置为true,拦截回调中将会返回服务端返回的所有数据response,而不是response.data
  20. // 设置为true后,就需要在this.$u.http.interceptor.response进行多一次的判断,请打印查看具体值
  21. // originalData: true,
  22. // 设置自定义头部content-type
  23. // header: {
  24. // 'content-type': 'xxx'
  25. // }
  26. });
  27. // 请求拦截,配置Token等参数
  28. Vue.prototype.$u.http.interceptor.request = (config) => {
  29. config.header.Authorization = getToken();
  30. config.header.Token = getEnToken();
  31. config.header.Location = getLocation();
  32. console.log('接口token:',getEnToken())
  33. // 方式一,存放在vuex的token,假设使用了uView封装的vuex方式,见:https://uviewui.com/components/globalVariable.html
  34. // config.header.token = vm.token;
  35. // 方式二,如果没有使用uView封装的vuex方法,那么需要使用$store.state获取
  36. // config.header.token = vm.$store.state.token;
  37. // 方式三,如果token放在了globalData,通过getApp().globalData获取
  38. // config.header.token = getApp().globalData.username;
  39. // 方式四,如果token放在了Storage本地存储中,拦截是每次请求都执行的,所以哪怕您重新登录修改了Storage,下一次的请求将会是最新值
  40. // const token = uni.getStorageSync('token');
  41. // config.header.token = token;
  42. return config;
  43. }
  44. // 响应拦截,判断状态码是否通过
  45. Vue.prototype.$u.http.interceptor.response = (res) => {
  46. console.log(res,'fanhui');
  47. uni.hideNavigationBarLoading();
  48. // 如果把originalData设置为了true,这里得到将会是服务器返回的所有的原始数据
  49. // 判断可能变成了res.statueCode,或者res.data.code之类的,请打印查看结果
  50. if (res.state || res.data.errorCode === 9999) {
  51. // 如果把originalData设置为了true,这里return回什么,this.$u.post的then回调中就会得到什么
  52. return res;
  53. } else {
  54. // if (res.data.errorCode === 9999) {
  55. // return false
  56. // }
  57. uni.showToast({
  58. title: res.data,
  59. icon: 'none'
  60. })
  61. if (res.data === '要查询的客户不存在') {
  62. setTimeout(() => {
  63. uni.hideLoading()
  64. uni.removeStorageSync('token');
  65. uni.removeStorageSync('userStatus');
  66. uni.removeStorageSync('cartPrice');
  67. uni.removeStorageSync('cartNum');
  68. uni.removeStorageSync('loginCode');
  69. uni.removeTabBarBadge({
  70. index: 2
  71. });
  72. vm.$store.commit('commit_hasLogin', false);
  73. uni.reLaunch({
  74. url: '/pagesT/public/wxLogin'
  75. })
  76. }, 3000)
  77. return
  78. }
  79. setTimeout(() => {
  80. uni.hideLoading()
  81. }, 3000)
  82. return false
  83. };
  84. }
  85. }
  86. export default {
  87. install
  88. }