Proyecto de separación de backend y backend: idea de verificación del token de inicio de sesión

La verificación de tokens se divide en front-end y back-end

Front-end: Vue-Cli 2.x + axios

Back-end: SpringBoot 2.3.4

Aquí, colocar userToken y userId en sessionStorage es un paso clave

El backend utiliza principalmente interceptores para interceptar y verificar solicitudes

Explique la idea:

Aquí, simplemente configure las rutas que deben interceptarse y las rutas que deben liberarse

No entraré en detalles sobre la introducción de redisTemple aquí.

Hasta ahora, los tokens de front-end y back-end se han completado. Hablemos de otras ideas de front-end más adelante.

Para juzgar el estado de inicio de sesión, el front-end. -end puede usar router.foreach Determine el estado de la ruta para lograr la interceptación a nivel de página (para más detalles, consulte el último artículo de referencia 2)

Después de usar el interceptor, encontrará que algunos. Las solicitudes de front-end no llegarán al back-end normalmente. Baidu lo descubrió más tarde. Esto se debe a que axios enviará una solicitud de rastreo antes de enviar una solicitud formal, y la solicitud de rastreo no lleva el encabezado que encapsulamos, por lo que algunas solicitudes no tendrán éxito. Hay muchas formas de resolverlo. Aquí elegí El backend lo maneja directamente

Artículo de referencia

1. Análisis de los problemas entre dominios que ocurrieron después de que SpringBoot agregó interceptores

blogs.com/web-record/p/9876916.html