feat: 添加拦截器示例

pages.json

@@ -367,6 +367,24 @@
         "navigationBarTitleText": "获取定位"
       }
     },
+    {
+      "path": "pages/API/interceptor/interceptor",
+      "style": {
+        "navigationBarTitleText": "拦截器"
+      }
+    },
+    {
+      "path": "pages/API/interceptor/page1",
+      "style": {
+        "navigationBarTitleText": "拦截器测试页面 1"
+      }
+    },
+    {
+      "path": "pages/API/interceptor/page2",
+      "style": {
+        "navigationBarTitleText": "拦截器测试页面 2"
+      }
+    },
     {
       "path": "pages/tabBar/CSS",
       "style": {

pages/API/interceptor/interceptor.uvue

+<template>
+    <view>
+        <button @click="addInterceptor">添加拦截器</button>
+        <button @click="removeInterceptor">移除拦截器</button>
+        <button @click="navigateTo">跳转到测试页面</button>
+    </view>
+</template>
+
+<script>
+    const interceptor = {
+        invoke: function (options : NavigateToOptions) {
+            console.log('interceptor.invoke:', options)
+            const url = './page2'
+            uni.showToast({
+                title: `重定向到页面:${url}`
+            })
+            options.url = url
+        },
+        success: function (res : NavigateBackSuccess) {
+            console.log('interceptor.success:', res)
+        },
+        fail: function (err : NavigateToFail) {
+            console.log('interceptor.fail:', err)
+        }
+    } as Interceptor
+    export default {
+        data() {
+            return {
+
+            }
+        },
+        methods: {
+            addInterceptor() {
+                uni.addInterceptor('navigateTo', interceptor)
+                uni.showToast({
+                    title: '拦截器已添加'
+                })
+            },
+            removeInterceptor() {
+                uni.removeInterceptor('navigateTo', interceptor)
+                uni.showToast({
+                    title: '拦截器已移除'
+                })
+            },
+            navigateTo() {
+                uni.navigateTo({
+                    url: './page1',
+                    success(res) {
+                        console.log('res:', res)
+                    },
+                    fail(err) {
+                        console.error('err:', err)
+                    }
+                })
+            }
+        }
+    }
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

pages/API/interceptor/page1.uvue

+<template>
+    <view>
+        <text style="text-align: center;">测试页面 1</text>
+    </view>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                
+            }
+        },
+        methods: {
+            
+        }
+    }
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

pages/API/interceptor/page2.uvue

+<template>
+    <view>
+        <text style="text-align: center;">测试页面 2</text>
+    </view>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                
+            }
+        },
+        methods: {
+            
+        }
+    }
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

pages/tabBar/API.uvue

@@ -78,6 +78,11 @@
                 url: 'event-bus',
                 api: ["$on", "$once", "$off", "$emit"]
               },
+              {
+                name: '拦截器',
+                url: 'interceptor',
+                api: ["addInterceptor", "removeInterceptor"]
+              },
               {
                 name: '获取启动参数',
                 url: 'get-launch-options-sync',