http.interceptor.js 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  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. if(vm.vuex_user_token){
  23. config.header["Authorization"] = vm.vuex_user_token
  24. }
  25. return config;
  26. }
  27. // 响应拦截,判断状态码是否通过
  28. Vue.prototype.$u.http.interceptor.response = (res) => {
  29. // 如果把originalData设置为了true,这里得到将会是服务器返回的所有的原始数据
  30. // 判断可能变成了res.statueCode,或者res.data.code之类的,请打印查看结果
  31. if(res.code === 200) {
  32. // 如果把originalData设置为了true,这里return回什么,this.$u.post的then回调中就会得到什么
  33. return res.data;
  34. } else {
  35. uni.showModal({
  36. title: '提示',
  37. content: res.msg,
  38. showCancel: false,
  39. });
  40. return false;
  41. }
  42. }
  43. }
  44. export default {
  45. install
  46. }