vue 다중 역할 로그인 시스템 루트 제한의 사고방식 정리

699 단어
왜 이 다중 캐릭터 로그인 제한을 해야 하나요?최근 백엔드 시스템 로그인은 여러 사용자의 로그인과 관련이 있기 때문에 전방에 루트를 제한해서 권한이 낮은 사용자가 로그인하는 경우(서버가 로그인을 검증한 경우) 사용자가 권한이 높은 페이지에 ui를 쳐서 로그인하는 것을 방지하고자 한다.
이것은 주로 vue-router가 vue에 대한 루트 제한을 사용하고 vue-router의 네비게이션 갈고리를 사용합니다
const router = new VueRouter({});

router.beforeEach((to, from, next)=>{
    //...
});

사고 경로에 로그인 캐릭터의 표식이 있다. 예를 들어 다음과 같다.
  • localhost:8080/admin/home
  • localhost:8080/user/home

  • 아이디어:
  • to.path 및 from.path의 비교(로그인 캐릭터 표식을 꺼내 비교) 앞뒤가 일치하면next() 그렇지 않으면 로그인 페이지로 돌아가거나 오류를 보고할 수 있습니다.
  • 사용자가 로그인하고 로그인한 후 페이지를 이동할 때 서버에 현재 로그인자의 역할 표식을 가져오고 URL에 있는 사용자 표식과 비교하면 일치하면next() 그렇지 않으면 로그인 페이지
  • 로 돌아갑니다

    좋은 웹페이지 즐겨찾기