From b9d66f54011aa5912511f8b4fff168eaf08baab5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BB=84=E6=98=8E=E5=AF=8C?= <212149997@qq.com> Date: Tue, 5 Nov 2024 09:58:58 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=E4=BC=98=E5=8C=96=E6=B3=A8=E9=87=8A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .vscode/extensions.json | 3 ++- src/router/utils/route-guard.tsx | 5 ++++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/.vscode/extensions.json b/.vscode/extensions.json index 7cd3092..67bba26 100644 --- a/.vscode/extensions.json +++ b/.vscode/extensions.json @@ -3,6 +3,7 @@ "editorconfig.editorconfig", "dbaeumer.vscode-eslint", "esbenp.prettier-vscode", - "stylelint.vscode-stylelint" + "stylelint.vscode-stylelint", + "mikestead.dotenv" ] } diff --git a/src/router/utils/route-guard.tsx b/src/router/utils/route-guard.tsx index 1c8d8e0..115c912 100644 --- a/src/router/utils/route-guard.tsx +++ b/src/router/utils/route-guard.tsx @@ -1,10 +1,13 @@ /** - * 第二种实现路由守卫的方式(参考):使用高级组件包裹,监听pathname,在useEffect中作路由守卫。 + * 第二种实现路由守卫的方式(参考):使用高级组件方式,监听pathname,在useEffect中作路由守卫。 * 不确定的影响(来源网上评论): * 在useEffect 里去做路由守卫的话是否会出现页面内容加载完后以及触发接口调用后才跳出页面的情况。 * * React-Ts-Template 默认使用的是第一种实现方式,如果更喜欢下面这种,可以根据情况修改; * 如果使用默认的实现,可以将此文件删除。 + * + * 其他封装拦截组件方式参考: + * https://segmentfault.com/a/1190000044439881 */ import { FC, ReactNode, useEffect } from 'react'; import { useLocation, useNavigate } from 'react-router-dom';