El inicio de sesión con protección de enrutamiento de Vue requiere dos clics

A veces es necesario hacer esto. Si el proyecto solo tiene un fondo, puede configurar la protección de navegación global en Vue después de configurar la protección de navegación de enrutamiento global, siempre que el usuario no haya iniciado sesión. Cuando se inicia el proyecto, solo puede saltar a la página de inicio de sesión. No está permitido saltar a otras interfaces. Agregue el siguiente código en el enrutador -> carpeta index.js generada automáticamente al instalar la dependencia vue-router. Durante el desarrollo del proyecto, existe otra situación en la que el front-end y el back-end se desarrollan al mismo tiempo. En este momento, la protección de enrutamiento y navegación no se puede configurar globalmente porque la interfaz de front-end debe mostrarse al usuario. y se puede acceder a él incluso si el usuario no ha iniciado sesión, por lo que el guardia de enrutamiento y navegación intercepta La ruta es solo la ruta en segundo plano. Todavía configuramos la protección de navegación de rutas en la carpeta index.js, pero esta vez configuramos un solo componente. Por ejemplo, en mi proyecto, el componente de bienvenida es un componente en segundo plano. Ahora, para configurar la protección de navegación de enrutamiento para este componente, primero debe reemplazar la configuración global de beforeEach con beforeEnter para configurar la protección de navegación para un solo componente.