需求背景

在开发中很多场景都会使用到Interceptor拦截器。例如：拦截请求、拦截uni API、权限控制。

原理解析

通过Interceptor实现，https://github.com/dcloudio/uni-app/blob/alpha/src/core/helpers/interceptor.js我们可以看到。

invoke可以接收一个promise。那么我们就可以在invoke中返回一个Promise来处理异步方法

uni.addInterceptor('navigateTo', {  
    invoke(args) {  
        return new Promise((resolve) => {   

                resolve(args);  

        });  
    },  
});

注意 invoke中promise返回的invoke参数必须要传。

Demo

以拦截navigateTo方法为例，跳转之前需要从后台请求是否有权限

uni.addInterceptor('navigateTo', {  
    invoke(args) {  
        return new Promise((resolve) => {  
            // 模拟请求   
            setTimeout(() => {  
                args.url = '/pages/home/index';  
                resolve(args);  
            }, 2000);  
        });  
    },  
});