#

zhou zhou

7 天以前 bccdb8f81c07c8a9cdcd6838173dfd1c73c98d90

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
// 此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: 'wms'
            };
            // 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
            });
        }
 
        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) {
            if (data.code === 401 || data.code === 403) {
                vm.$showToast({ type: 'error', message: data.msg || data.message || '请重新登录' })
                setTimeout(() => {
                    uni.reLaunch({ url: '/pages/login/login' })
                }, 1000)
            } else {
                // 如果没有显式定义custom的toast参数为false的话，默认对报错进行toast弹出提示
                if (custom.toast !== false) {
                    vm.$showToast({ type: 'error', message: 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();
        }
 
        if (response.statusCode === 401 || response.statusCode === 403) {
            vm.$showToast({ type: 'error', message: '请重新登录' })
            setTimeout(() => {
                uni.reLaunch({ url: '/pages/login/login' })
            }, 1000)
        } else {
            const errMsg = response.data?.msg || response.data?.message || '请求失败';
            vm.$showToast({ type: 'error', message: errMsg })
        }
 
        return Promise.reject(response)
    })
}