http.interceptor.js 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. // 这里的vm,就是我们在vue文件里面的this,所以我们能在这里获取vuex的变量,比如存放在里面的token
  2. // 同时,我们也可以在此使用getApp().globalData,如果你把token放在getApp().globalData的话,也是可以使用的
  3. import md5Libs from "@/uview-ui/libs/function/md5";
  4. const install = (Vue, vm) => {
  5. Vue.prototype.$u.http.setConfig({
  6. baseUrl: vm.$site.root+'api', // 请求的本域名
  7. // 设置为json,返回后会对数据进行一次JSON.parse()
  8. dataType: 'json',
  9. showLoading: true, // 是否显示请求中的loading
  10. loadingText: '努力加载中...', // 请求loading中的文字提示
  11. loadingTime: 300, // 在此时间内,请求还没回来的话,就显示加载中动画,单位ms
  12. originalData: false, // 是否在拦截器中返回服务端的原始数据
  13. loadingMask: true, // 展示loading的时候,是否给一个透明的蒙层,防止触摸穿透
  14. // 配置请求头信息
  15. header: {
  16. "Content-type":"application/x-www-form-urlencoded",
  17. "X-Requested-With":"XMLHttpRequest",
  18. },
  19. });
  20. // 请求拦截,配置Token等参数
  21. Vue.prototype.$u.http.interceptor.request = (config) => {
  22. config.header["Authorization"] = vm.vuex_user_token
  23. return config;
  24. }
  25. // 响应拦截,判断状态码是否通过
  26. Vue.prototype.$u.http.interceptor.response = (res) => {
  27. // 如果把originalData设置为了true,这里得到将会是服务器返回的所有的原始数据
  28. // 判断可能变成了res.statueCode,或者res.data.code之类的,请打印查看结果
  29. if(res.code === 200) {
  30. // 如果把originalData设置为了true,这里return回什么,this.$u.post的then回调中就会得到什么
  31. return typeof res.data === 'string' ? JSON.parse(res.data) : res.data;
  32. } else {
  33. uni.showModal({
  34. title: '提示',
  35. content: res.message,
  36. showCancel: false,
  37. });
  38. return false;
  39. }
  40. }
  41. }
  42. export default {
  43. install
  44. }