const { environment } = require('./environment.js') import { ACCESS_TOKEN } from '@/store/mutation-types' import storage from '@/utils/storage'; // 此vm参数为页面的实例,可以通过它引用vuex中的变量 module.exports = (vm) => { // 初始化请求配置 uni.$u.http.setConfig((config) => { /* config 为默认全局配置,请求地址判断*/ /* #ifdef H5 */ if (process.env.NODE_ENV === 'production') { config.baseURL = environment.baseURL; /* 根域名 */ } else { // 开发模式则使用代理方式,见vue.config.js配置 config.baseURL = '/'; /* 根域名 */ } /* #endif */ /* #ifndef H5 */ config.baseURL = environment.baseURL; /* 根域名 */ /* #endif */ return config }) // 请求拦截 uni.$u.http.interceptors.request.use((config) => { // 可使用async await 做异步操作 // 初始化请求拦截器时,会执行此方法,此时data为undefined,赋予默认{} config.data = config.data || {} // 根据custom参数中配置的是否需要token,添加对应的请求头 if(config?.custom?.auth) { // 可以在此通过vm引用vuex中的变量,具体值在vm.$store.state中 config.header.Authorization = 'Bearer ' + storage.get(ACCESS_TOKEN) } // 根据custom参数中配置的是否需要显示loading if (config?.custom?.loading) { uni.showLoading({ title: '加载中...', mask: true }) } return config }, config => { // 可使用async await 做异步操作 return Promise.reject(config) }) // 响应拦截 uni.$u.http.interceptors.response.use((response) => { /* 对响应成功做点什么 可使用async await 做异步操作*/ const data = response.data // 关闭loading uni.hideLoading(); // 自定义参数 const custom = response.config?.custom if (data.code !== 200) { // 如果没有显式定义custom的toast参数为false的话,默认对报错进行toast弹出提示 if (custom.toast !== false) { uni.$u.toast(data.msg) } // 判断状态码 switch (data.code) { case 401: { uni.reLaunch({ url: '/' }) return; } } // 如果需要catch返回,则进行reject if (custom?.catch) { return Promise.reject(data) } else { // 否则返回一个pending中的promise,请求不会进入catch中 return new Promise(() => { }) } } return data === undefined ? {} : data }, (response) => { // 对响应错误做点什么 (statusCode !== 200) return Promise.reject(response) }) }