http.interceptor.js 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. // 此vm参数为页面的实例,可以通过它引用vuex中的变量
  2. module.exports = (vm) => {
  3. // 初始化请求配置
  4. uni.$u.http.setConfig((config) => {
  5. /* config 为默认全局配置*/
  6. config.baseURL = 'https://cbec.hdlkeji.com'; /* 根域名 */
  7. return config
  8. })
  9. // 请求拦截
  10. uni.$u.http.interceptors.request.use((config) => { // 可使用async await 做异步操作
  11. // 初始化请求拦截器时,会执行此方法,此时data为undefined,赋予默认{}
  12. config.data = config.data || {}
  13. // 根据custom参数中配置的是否需要token,添加对应的请求头
  14. // if(config?.custom?.auth) {
  15. // 可以在此通过vm引用vuex中的变量,具体值在vm.$store.state中
  16. const token = localStorage.getItem('token')
  17. config.header.Authorization = 'Bearer'+' '+token
  18. // }
  19. return config
  20. }, config => { // 可使用async await 做异步操作
  21. return Promise.reject(config)
  22. })
  23. // 响应拦截
  24. uni.$u.http.interceptors.response.use((res) => { /* 对响应成功做点什么 可使用async await 做异步操作*/
  25. const data = res.data
  26. console.log(data.code);
  27. // 自定义参数
  28. const custom = res.config?.custom
  29. if (data.code !== 10000) {
  30. // 如果没有显式定义custom的toast参数为false的话,默认对报错进行toast弹出提示
  31. if (custom.toast !== false) {
  32. uni.$u.toast(data.message)
  33. }
  34. // 如果需要catch返回,则进行reject
  35. if (custom?.catch) {
  36. return Promise.reject(data)
  37. } else {
  38. // 否则返回一个pending中的promise,请求不会进入catch中
  39. return new Promise(() => { })
  40. }
  41. }
  42. return data.data === undefined ? {} : data.data
  43. }, (res) => {
  44. // 对响应错误做点什么 (statusCode !== 200)
  45. return Promise.reject(res.msg)
  46. })
  47. }