// 此vm参数为页面的实例,可以通过它引用vuex中的变量 module.exports = (vm) => { // 初始化请求配置 uni.$u.http.setConfig((config) => { /* config 为默认全局配置*/ // 动态设置 baseURL let settings = uni.getStorageSync('app_settings'); if (!settings) { settings = { ip: '127.0.0.1', port: '8080', project: 'jshdasrs' }; // uni.setStorageSync('app_settings', settings); } config.baseURL = `http://${settings.ip}:${settings.port}/${settings.project}`; config.header = { 'content-type': 'application/json' }; return config; }) // 请求拦截 uni.$u.http.interceptors.request.use((config) => { // 可使用async await 做异步操作 // 初始化请求拦截器时,会执行此方法,此时data为undefined,赋予默认{} config.data = config.data || {} // 提示加载框逻辑(根据 custom.hideLoading 决定) const hideLoading = config.custom?.hideLoading; if (hideLoading === false || hideLoading === undefined) { uni.showLoading({ title: '请稍候...', mask: true }); } // 根据custom参数中配置的是否需要token,添加对应的请求头 // 默认或显式 auth 为 true 时添加 token if (config?.custom?.auth !== false) { const token = uni.getStorageSync('token'); if (token) { config.header.token = token; } } return config }, config => { // 可使用async await 做异步操作 return Promise.reject(config) }) // 响应拦截 uni.$u.http.interceptors.response.use((response) => { /* 对响应成功做点什么 可使用async await 做异步操作*/ const hideLoading = response.config?.custom?.hideLoading; if (hideLoading === false || hideLoading === undefined) { uni.hideLoading(); } const data = response.data // 自定义参数 const custom = response.config?.custom || {} if (data.code !== 200) { // 如果没有显式定义custom的toast参数为false的话,默认对报错进行toast弹出提示 if (custom.toast !== false) { uni.$u.toast(data.msg || data.message || '请求失败') } // 如果需要catch返回,则进行reject if (custom?.catch) { return Promise.reject(data) } else { // 否则返回一个pending中的promise,请求不会进入catch中 return new Promise(() => {}) } } // 根据示例,返回业务数据 return data === undefined ? {} : data }, (response) => { // 对响应错误做点什么 (statusCode !== 200) const hideLoading = response.config?.custom?.hideLoading; if (hideLoading === false || hideLoading === undefined) { uni.hideLoading(); } return Promise.reject(response) }) }