vue entrada front-end

proceso de inscripción

　　1, para obtener el usuario de inicio de sesión modo, los datos del menú desde el fondo

　　2, el testigo y los datos de menú en sessionStorage, símbolo se utiliza para comprobar si el usuario ha iniciado sesión

　　2, el extremo frontal de los datos de menú para generar una lista de menús de retorno correspondiente

　　3, las páginas de procesamiento y permisos subpáginas correspondiente a cada control submenú

Que determinará si el usuario opera paso entre bastidores sobre el identificador de sesión no es lo mismo, si no, explique su sesión ha caducado y se quejará, extremo se devuelve a la página de inicio de sesión

Aquí se puede comprobar sesión expira, hay dos maneras, una de cada acceso a la interfaz de la correa ficha en RequestHeader el interior, verificación de antecedentes será ficha;

En segundo lugar, después de la conexión de usuario Volver JSESSIONID genera directamente en el navegador, después de un usuario cada petición para llevarlo adelante;

Esta es la segunda forma de realización de la inscripción, la necesidad solicitud de recepción para establecer la configuración proporcionado     config.withCredentials = true , el fondo correspondiente también es necesario para establecer el encabezado de respuesta

api.interceptors.request.use (config => { 
  loadingInstance = Loading.service (loadingOptions) 
  setTimeout (() => { 
    loadingInstance.close () 
  }, 30000 ) 
  config.withCredentials = verdadero 
  retorno config 
})

 

 

los derechos subpáginas

　　Acerca de los permisos sub-página, usuario de nuevo menú de inicio de sesión con los datos de retorno no incluir sub-páginas de cada menú, lo que significa que el acceso a una página de la lista, la lista hay un botón de detalles, haga clic en el fondo de la página de detalles y no regresó, esta vez un poco conjunto lo que pueda

　　En cada sub-página de agregar una información de enrutamiento para identificar qué parte del menú    

{ 
Path: '/ BusinessQuery' , 
nombre: 'servicio de consulta' , 
Componente: BusinessQuery 
}, 
{ 
ruta: '/ BusinessQuery-Detalle' , 
Meta: {parentPath: '/ BusinessQuery'}, // los correspondientes la página principal ruta de 
nombre: 'investigación comercial detalles' , 
el componente: BusinessQueryDetail 
},

 

　　A continuación, se determina la ruta en el gancho de salto global de enrutamiento

route.beforeEach ((a, desde, al lado) => {
   si (sessionStorage.token) {
     si (to.fullPath == '/ Login' ) { 
      next () 
    } otro { 
      console.log (a) 
      si (JSON. parse (sessionStorage.pathList) .indexOf (to.path) == - 1 && JSON.parse (sessionStorage.pathList) .indexOf (to.meta.parentPath) == - 1 ) {
         retorno siguiente ( '/ error401' ) 
      } otra cosa { 
        next () 
      } 
    } 
  } demás {
     si (to.fullPath == '/ Login' ) {
       retorno siguiente () 
    }otra cosa { 
      siguiente ( '/ Login' ) 
    } 
  } 
})

 

Como botón de Permisos, el sistema tiene una función de administración, se pueden modificar los permisos para una función específica, todos los botones derechos no se pueden determinar de acuerdo con el papel, y sólo puede ser tonto para dejar que el registro de todos los botones de la identificación de fondo, y luego devuelve el acceso de los usuarios lata después del aterrizaje botones,

Habrá un sistema de datos front-end que corresponden a cada ID de botón, haga filtro basado en el ID devuelto al cargar una página para mostrar u ocultar el botón correspondiente