#

zhou zhou

8 天以前 da05dcffeabcb3c460e45666a4804f4ea5a4145a

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
// 此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)
    })
}