【项目难点】拦截器

最新推荐文章于 2025-09-04 09:22:42 发布

原创

最新推荐文章于 2025-09-04 09:22:42 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #uni-app

uni.addInterceptor(STRING, OBJECT)
uni.removeInterceptor(STRING)
STRING就是拦截器要拦截的api的名称
在这里插入图片描述

下面写了一个请求拦截器和一个路由拦截器(代码应该放在项目的main.js入口文件中)
请求拦截器可以用来集中管理请求地址（写在invoke中，直接修改url），也可以实现一些比如如果请求失败，可以搞一个全局的网络错误弹框之类的功能

uni.addInterceptor('request', {
   
   
                  invoke(args) {
   
   
                    args.url = "http://localhost:8081"+args.url
                    args.header = 
                    {
   
   
                        'content-type': 'application/json' ,
                        'Cookie': uni.<