http.interceptor.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. const { environment } = require('./environment.js')
  2. import { ACCESS_TOKEN } from '@/store/mutation-types'
  3. import storage from '@/utils/storage';
  4. // 此vm参数为页面的实例,可以通过它引用vuex中的变量
  5. module.exports = (vm) => {
  6. // 初始化请求配置
  7. uni.$u.http.setConfig((config) => {
  8. /* config 为默认全局配置,请求地址判断*/
  9. /* #ifdef H5 */
  10. if (process.env.NODE_ENV === 'production') {
  11. config.baseURL = environment.baseURL; /* 根域名 */
  12. } else {
  13. // 开发模式则使用代理方式,见vue.config.js配置
  14. config.baseURL = '/'; /* 根域名 */
  15. }
  16. /* #endif */
  17. /* #ifndef H5 */
  18. config.baseURL = environment.baseURL; /* 根域名 */
  19. /* #endif */
  20. return config
  21. })
  22. // 请求拦截
  23. uni.$u.http.interceptors.request.use((config) => { // 可使用async await 做异步操作
  24. // 初始化请求拦截器时,会执行此方法,此时data为undefined,赋予默认{}
  25. config.data = config.data || {}
  26. // 根据custom参数中配置的是否需要token,添加对应的请求头
  27. if(config?.custom?.auth) {
  28. // 可以在此通过vm引用vuex中的变量,具体值在vm.$store.state中
  29. config.header.Authorization = 'Bearer ' + storage.get(ACCESS_TOKEN)
  30. }
  31. // 根据custom参数中配置的是否需要显示loading
  32. if (config?.custom?.loading) {
  33. uni.showLoading({
  34. title: '加载中...',
  35. mask: true
  36. })
  37. }
  38. return config
  39. }, config => { // 可使用async await 做异步操作
  40. return Promise.reject(config)
  41. })
  42. // 响应拦截
  43. uni.$u.http.interceptors.response.use((response) => { /* 对响应成功做点什么 可使用async await 做异步操作*/
  44. const data = response.data
  45. // 关闭loading
  46. uni.hideLoading();
  47. // 自定义参数
  48. const custom = response.config?.custom
  49. if (data.code !== 200) {
  50. // 如果没有显式定义custom的toast参数为false的话,默认对报错进行toast弹出提示
  51. if (custom.toast !== false) {
  52. uni.$u.toast(data.msg)
  53. }
  54. // 判断状态码
  55. switch (data.code) {
  56. case 401: {
  57. uni.reLaunch({ url: '/' })
  58. return;
  59. }
  60. }
  61. // 如果需要catch返回,则进行reject
  62. if (custom?.catch) {
  63. return Promise.reject(data)
  64. } else {
  65. // 否则返回一个pending中的promise,请求不会进入catch中
  66. return new Promise(() => { })
  67. }
  68. }
  69. return data === undefined ? {} : data
  70. }, (response) => {
  71. // 对响应错误做点什么 (statusCode !== 200)
  72. return Promise.reject(response)
  73. })
  74. }