vue-router로 로그인하지 않은 경우 로그인 페이지로 돌아가는 과정
6671 단어 vue-routerVue.jsゔ그림x
포인트는 한번 router라는 변수에 router 객체를 넣고 나서
router.beforeEach
(을)를 사용해 각 라우팅전에 리다이렉트 조건을 추가하는 곳입니다.이것은 NG
export default new Router({
routes: [
//
],
});
이것이 정답
import Vue from "vue";
import Router from "vue-router";
import Login from "@/views/login";
import Mypage from "@/views/mypage";
import store from '@/store/index';
Vue.use(Router);
const router = new Router({
routes: [
{
path: "/",
name: "top",
component: Login,
beforeEnter: (to, from, next) => {
next('/login');
}
},
{
path: "/login",
name: "login",
component: Login
},
{
path: "/mypage",
name: "mypage",
component: Mypage
},
]
});
router.beforeEach((to, from, next) => {
if (to.name === "top" ||to.name === "login") {
if(store.state.auth.isLogged){
next('/mypage');
}else{
next();
}
} else {
if(store.state.auth.isLogged){
next();
}else{
next('/');
}
}
});
export default router;
Reference
이 문제에 관하여(vue-router로 로그인하지 않은 경우 로그인 페이지로 돌아가는 과정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kuriya/items/1b9392203b17610a5379텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)