From 20ed73d324fe0a348ef77c8872fd0748c7993c64 Mon Sep 17 00:00:00 2001
From: qiang <guoshengqiang@live.com>
Date: Thu, 2 Nov 2023 14:56:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9B=B4=E6=96=B0=E6=8B=A6=E6=88=AA?=
 =?UTF-8?q?=E5=99=A8=E7=A4=BA=E4=BE=8B=EF=BC=8C=E9=A1=B5=E9=9D=A2=E9=94=80?=
 =?UTF-8?q?=E6=AF=81=E6=97=B6=E7=A7=BB=E9=99=A4=E6=8B=A6=E6=88=AA=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# Conflicts:
#	pages/API/interceptor/interceptor.uvue
---
 pages/API/interceptor/interceptor.uvue | 116 +++++++++++++------------
 1 file changed, 60 insertions(+), 56 deletions(-)

diff --git a/pages/API/interceptor/interceptor.uvue b/pages/API/interceptor/interceptor.uvue
index 6e20f96c..16c1666e 100644
--- a/pages/API/interceptor/interceptor.uvue
+++ b/pages/API/interceptor/interceptor.uvue
@@ -1,65 +1,69 @@
 <template>
-    <view>
-        <button @click="addInterceptor">添加路由拦截器</button>
-        <button @click="removeInterceptor">移除路由拦截器</button>
-        <text>点击下方按钮{{msg}}</text>
-        <button @click="navigateTo">跳转到测试页面</button>
-    </view>
+  <view>
+    <button @click="addInterceptor">添加路由拦截器</button>
+    <button @click="removeInterceptor">移除路由拦截器</button>
+    <text>点击下方按钮{{msg}}</text>
+    <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 {
-              msg:"会跳转到测试页面1"
-            }
-        },
-        methods: {
-            addInterceptor() {
-                uni.addInterceptor('navigateTo', interceptor)
-                uni.showToast({
-                    title: '页面跳转已拦截'
-                })
-                this.msg = "，路由被劫持到测试页面2"
-            },
-            removeInterceptor() {
-                uni.removeInterceptor('navigateTo', interceptor)
-                uni.showToast({
-                    title: '拦截器已移除'
-                })
-                this.msg = "会跳转到测试页面1"
-            },
-            navigateTo() {
-                uni.navigateTo({
-                    url: './page1',
-                    success(res) {
-                        console.log('res:', res)
-                    },
-                    fail(err) {
-                        console.error('err:', err)
-                    }
-                })
-            }
-        }
+  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 {
+        msg: "会跳转到测试页面1"
+      }
+    },
+    beforeUnmount() {
+      // 移除 navigateTo 所有拦截器
+      uni.removeInterceptor('navigateTo')
+    },
+    methods: {
+      addInterceptor() {
+        uni.addInterceptor('navigateTo', interceptor)
+        uni.showToast({
+          title: '页面跳转已拦截'
+        })
+        this.msg = "，路由被劫持到测试页面2"
+      },
+      removeInterceptor() {
+        uni.removeInterceptor('navigateTo', interceptor)
+        uni.showToast({
+          title: '拦截器已移除'
+        })
+        this.msg = "会跳转到测试页面1"
+      },
+      navigateTo() {
+        uni.navigateTo({
+          url: './page1',
+          success(res) {
+            console.log('res:', res)
+          },
+          fail(err) {
+            console.error('err:', err)
+          }
+        })
+      }
+    }
+  }
 </script>
 
 <style>
 
-</style>
+</style>
\ No newline at end of file
-- 
GitLab