http.interceptor.js 3.1 KB

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