ビュールート傍受およびページジャンプ設定方法

1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...

ルーティング設定:router / index.js


export default new Router({ 
routes: [ 
{ 
path: '/selfcenter', 
name: 'selfcenter', 
meta: { 
requireAuth: true // 配置此条,进入页面前判断是否需要登陆 
}, 
component: selfcenter 
} 
] 
}) 

Main.js:


/* eslint-disable no-new */ 
router.beforeEach((to, from, next) => { 
if (to.matched.some(res => res.meta.requireAuth)) { // 验证是否需要登陆 
if (sessionStorage.getItem('sid')) { // 查询本地存储信息是否已经登陆 
next(); 
} else { 
next({ 
path: '/login', // 未登录则跳转至login页面 
query: {redirect: to.fullPath} // 登陆成功后回到当前页面,这里传值给login页面,to.fullPath为当前点击的页面 
}); 
} 
} else { 
next(); 
} 
}); 

Login.vue:

ログインに成功した後:


sessionStorage.setItem('sid', res.data.data.sid); // 设置本地存储信息 
this.$router.push(this.$route.query.redirect); // 跳转至前一页,this.$route.query.redirect是获取上面传递过来的值 

要約

上記は、Xiaobianによって導入されたvueルートの傍受とページジャンプの設定方法です。私は皆を助けることを願っています。ご不明な点がございましたら、メッセージを残してください。 Script Houseのウェブサイトへのご支援をありがとうございます!


1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...
      この投稿は審査処理中  | 元のサイトへ